如何禁用使用 JavaScript/jQuery 从 HTML 页面拖动图像？

拖放是一个非常互动和用户友好的概念，它可以更轻松地通过拖动对象将其移动到不同的位置。它允许用户在元素上单击并按住鼠标按钮，将其拖到另一个位置，然后松开鼠标按钮将元素放在那里。在 HTML 5 中，拖放更容易编码，并且其中的任何元素都是可拖动的。默认情况下，链接和图像是可拖动的。大多数网站都启用了此功能。谷歌甚至允许用户使用图像拖放功能（也称为图像拖动功能）进行图像搜索。

此功能使用户可以单击任何图像，然后将其拖到别处。这将创建单击图像的透明副本，同时将原始图像保留在其位置。但是，可以使用 JavaScript/jQuery 禁用图像拖动功能。

方法 1：此方法使用 jQuery 将 dtraggable 属性设置为 false。

句法：

$('#myImage').attr('draggable', false);

例子：

  

    
        How to disable dragging an image
        from an HTML page using JQuery?
    
      
    
    

  

    
    
        GeeksforGeeks
    
      
    
        Click on the button to
        disable dragging an image
    
      
    
        Disable image dragging
    
      
    
      
    
     
    
        function myGeeks() {
            $('#img').attr('draggable', false);
        }
    

  

输出：

方法 2：此方法使用 JavaScript 将 dtraggable 属性设置为 false。

句法：

document.getElementById('myImage').draggable = false;

例子：

  

    
        How to disable dragging an image
        from an HTML page using JQuery?
    
      
    
    

  

    
    
        GeeksforGeeks
    
      
    
        Click on the button to
        disable dragging an image
    
      
    
        Disable image dragging
    
      
    
      
    
     
    
        function myGeeks() {
            document.getElementById('img').draggable = false;
        }
    

  

输出：