我们如何防止 JavaScript 中的默认操作？

Question

什么是跨浏览器方法？我需要防止对图像进行任何默认操作，以便拖动或其他任何操作都不会在默认基础上触发。

Answer 1

您可以注册要取消的事件，然后根据浏览器和事件，从他们那里return false 或使用Event.preventDefault()。

Answer 2

(function() {
    var onmousedown;
    if('onmousedown' in document && typeof document.onmousedown == 'function') {
        onmousedown = document.onmousedown;
    }
    document.onmousedown = function(e) {
        if(typeof e == 'undefined') {
            e = window.event;
        }
        if(!e.target) {
            e.target = e.srcElement || document;
        }
        if('nodeName' in e.target && e.target.nodeName.toLowerCase() == 'img') {
            if(e.preventDefault) {
                e.preventDefault();
            }

            // If you want to register mousedown events for
            // elements containing images, you will want to
            // remove the next four lines.
            if(e.stopPropagation) {
                e.stopPropagation();
            }
            e.cancelBubble = true;

            e.returnValue = false;
            return false;
        }

        if(onmousedown !== undefined) {
            onmousedown(e);
        }
    };
})();

您可能需要执行与您想要阻止的其他事件类似的操作，如果这不能达到您想要的效果。

另外值得注意的是，如果您试图阻止人们将图像从页面下载到他们的计算机，您将不会成功。如果浏览器可以下载图像，那么用户也可以。使用 JavaScript 阻止（某些）尝试很容易通过简单地禁用 JavaScript 来规避。

Answer 3

您只能取消特定事件。您不能“全局取消”默认操作。

要专门取消dragging 一个图像（这只是某些浏览器的默认功能），请将false 返回到mousedown 事件。