easyui draggable只允许左键拖动

  如何设置easyui draggable只允许左键拖动,按下右键或者滚轮键不允许拖动(默认easyui draggable 鼠标3个键按下都可以拖动,因为绑定的是mousedown事件)。

 

  解决办法需要修改jquery.easyui.min.js源代码,找到下面类似的语句,可以记事本打开jquery.easyui.min.js,然后搜索bind("mousedown.draggable",第一个出现的位置就是(jquery-easyui-1.3.1,jquery-easyui-1.4,jquery-easyui-1.4.5都是第一个出现)。或者可以用浏览器开发工具来定位,下面为Firebug查看元素,切换到事件选项卡后效果

easyui draggable只允许左键拖动

.bind("mousedown.draggable", { target: this }, function (e) {
if(_5d(e)==false){
return;
}
//....其他代码

在上面代码if条件前增加鼠标按键判断即可

.bind("mousedown.draggable", { target: this }, function (e) {
    if (e.button != 0) return;//不是左键,退出拖拽事件
if(_5d(e)==false){
return;
}
//。。。。其他代码

 


原创文章,转载请注明出处:easyui draggable只允许左键拖动

评论(0)Web开发网
阅读(135)喜欢(1)不喜欢(0)easyui