Question

出于某种原因，即使我已针对此问题实施了相关代码，我的图片仍然可以拖动。我需要知道为什么我的图像仍然被允许被拖动。

这是JSFiddle：http://jsfiddle.net/m3wQc/3/（更新的JSFiddle）

Javascript :(删除所有大写字母）

#("#TESTDIV").bind("mousedown", function(event) {
$(document.body).addClass("UNSELECTABLE");
    ...                 
});
#(document.body).bind("mousemove", function(event) {
    /* SOME CODE */
});
#("#TESTDIV").bind("mouseup", function(event) {
$(document.body).removeClass("UNSELECTABLE");
    ...                 
});

Answer 1

你应该在你的小提琴中加载Jquery并使用这样的脚本：

$(".UNSELECTABLE").mousedown(function(){
    return false;
});

这是一个工作小提琴：http://jsfiddle.net/HSbf4/

这已删除所有CSS，以向您显示此方法无需任何操作。应该以这种方式在较旧的浏览器中运行。

Answer 2

您需要检查jQuery API，以使您的代码与正确拼写/套接的API保持一致。 JavaScript区分大小写，并且您的方法都不正确。这应该让你去：

$('#testdiv').on('mousedown', function (event) {
    $('body').addClass('unselectable');             
});

我使用.on()代替.bind()，因为.on()是首选方法。

跨浏览器不可选择/不可分割的图像

2 个答案: