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

📅  最后修改于: 2021-11-25 03:28:41             🧑  作者: Mango

拖放是一个非常互动和用户友好的概念,它可以更轻松地通过拖动对象将其移动到不同的位置。它允许用户在元素上单击并按住鼠标按钮,将其拖到另一个位置,然后松开鼠标按钮将元素放在那里。在 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     

                       
                         

输出:

方法 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     

                       
                         

输出: