当单击网页上的图像并尝试将其从一个点拖动到另一个点时,图像的副本通常会跟随光标移动,直到被拖动为止。该图像的复制品称为重影。
由于个人喜好或网站要求,可能需要防止在屏幕上产生此重影,即有时可能需要防止拖动重影。下面的示例显示了默认情况下重影图像的外观。
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
输出: