📜  如何防止拖拽重影?

📅  最后修改于: 2021-09-01 03:31:05             🧑  作者: Mango

当单击网页上的图像并尝试将其从一个点拖动到另一个点时,图像的副本通常会跟随光标移动,直到被拖动为止。该图像的复制品称为重影。

由于个人喜好或网站要求,可能需要防止在屏幕上产生此重影,即有时可能需要防止拖动重影。下面的示例显示了默认情况下重影图像的外观。

HTML


  

    
        Prevent dragging of ghost image
    

  

    

        GeeksforGeeks     

    
       

        Dragging a ghost image     

          


html


  

    
        Prevent dragging of ghost image
    

  

    

        GeeksforGeeks     

    
       

        Dragging of ghost         image prevented     

          


输出:

在上面的示例中,当单击并拖动图像时,它会创建一个跟随光标的可拖动重影图像。为了防止拖动这个重影图像,使用了draggable属性。将该图像元素的此属性设置为“false”时,将阻止其拖动。下面的示例演示了这一点。

例子:

html



  

    
        Prevent dragging of ghost image
    

  

    

        GeeksforGeeks     

    
       

        Dragging of ghost         image prevented     

          

输出: