在网页开发中，表格是一个非常常见的元素，但是有时候我们不希望用户拖拽表格，这时候我们可以使用Javascript来屏蔽表格上的拖曳功能。下面，我们就来具体了解一下如何实现。

首先，在Javascript中，我们可以使用onmousedown、onmousemove和onmouseup这三种事件来模拟一个拖拽动作，具体实现如下：

//记录鼠标位置
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事件，以结束拖曳操作。

但是，如果我们希望屏蔽表格上的拖曳功能，我们可以在表格上添加一个onmousedown事件，让它返回false，这样就可以阻止拖曳操作了。具体实现如下：

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

这样，当用户在表格上进行拖曳操作时，就不会有任何反应了。

除了使用onmousedown事件来屏蔽拖曳功能之外，我们还可以使用CSS来实现。具体实现方法如下：

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

这里，我们使用了CSS中的user-select属性，将其设置为none，即禁止用户选择元素，这样就可以屏蔽表格上的拖曳功能了。值得注意的是，该属性在不同浏览器厂商中有不同的实现方式，因此我们需要添加一些浏览器厂商前缀（-moz、-webkit、-ms）来保证兼容性。

总体来说，屏蔽表格上的拖曳功能是一个非常简单的操作，我们可以使用Javascript或者CSS来实现，具体选择哪种方法则取决于实际情况和个人偏好。希望本文对你有所帮助！