在網(wǎng)頁開發(fā)中，表格是一個非常常見的元素，但是有時候我們不希望用戶拖拽表格，這時候我們可以使用Javascript來屏蔽表格上的拖曳功能。下面，我們就來具體了解一下如何實現(xiàn)。

首先，在Javascript中，我們可以使用onmousedown、onmousemove和onmouseup這三種事件來模擬一個拖拽動作，具體實現(xiàn)如下：

//記錄鼠標位置
var x = 0;
var y = 0;
document.getElementById('table').onmousedown = function(event){
x = event.clientX;
y = event.clientY;
document.onmousemove = function(event){
var newX = event.clientX;
var newY = event.clientY;
var moveX = newX - x;
var moveY = newY - y;
//移動表格
document.getElementById('table').style.left = moveX + 'px';
document.getElementById('table').style.top = moveY + 'px';
}
document.onmouseup = function(){
//清除mousemove和mouseup事件
document.onmousemove = null;
document.onmouseup = null;
}
return false;
}

上面的代碼中，我們首先記錄了鼠標點擊時的位置，然后在mousemove事件中計算出鼠標移動的距離，并將表格移動到計算出的位置上。最后，在mouseup事件中清除了mousemove和mouseup事件，以結(jié)束拖曳操作。

但是，如果我們希望屏蔽表格上的拖曳功能，我們可以在表格上添加一個onmousedown事件，讓它返回false，這樣就可以阻止拖曳操作了。具體實現(xiàn)如下：

document.getElementById('table').onmousedown = function(){
return false;
}

這樣，當用戶在表格上進行拖曳操作時，就不會有任何反應(yīng)了。

除了使用onmousedown事件來屏蔽拖曳功能之外，我們還可以使用CSS來實現(xiàn)。具體實現(xiàn)方法如下：

table{
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
}

這里，我們使用了CSS中的user-select屬性，將其設(shè)置為none，即禁止用戶選擇元素，這樣就可以屏蔽表格上的拖曳功能了。值得注意的是，該屬性在不同瀏覽器廠商中有不同的實現(xiàn)方式，因此我們需要添加一些瀏覽器廠商前綴（-moz、-webkit、-ms）來保證兼容性。

總體來說，屏蔽表格上的拖曳功能是一個非常簡單的操作，我們可以使用Javascript或者CSS來實現(xiàn)，具體選擇哪種方法則取決于實際情況和個人偏好。希望本文對你有所幫助！