使未来的元素（img）不是可拖动的jQuery？

Question

我正在努力解决这个问题，找不到有效的答案。我想阻止有人在页面上拖动图像或右键单击它（或者将来动态显示并保存它。

我解决了阻止右键点击：

$(document).on('contextmenu', '.notRightClick', function(e){ return false; });

...但我无法禁用可拖动效果。我试过这个：'.notRightClick'.draggable( 'disable' )但是对未来的元素不起作用。

更新注意：我要拖动的img有类'notRightClick：

<img class="notRightClick" src="someimgurl" alt="">

如果有人知道，这会有所帮助。感谢

Answer 1

$(document).on('contextmenu drag dragstart', '.notRightClick', function(e){
    return false;
});

Answer 2

$('img').on('dragstart', function(event) { event.preventDefault(); });

Answer 3

一种解决方法是：

$(document).on('mousedown', '.notRightClick', function(e){ return false; });

这会禁用mousedown的行为，其中还包括拖动功能