Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/image/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 防止图像拖动选择_Javascript_Image_Select_Drag - Fatal编程技术网

Javascript 防止图像拖动选择

Javascript 防止图像拖动选择,javascript,image,select,drag,Javascript,Image,Select,Drag,我在互联网上到处找了找,但没有找到任何有效的方法 我希望我的图像不会被选中,比如带有背景图像的div() 我不能使用背景图像,因为我需要一个图像映射来实现功能 我的代码如下所示: css html 如您所见,我仍然会看到拖动图标,它会干扰地图的功能: 请帮忙,谢谢你花时间阅读我的帖子,我真的很感谢你的关注 干杯 米托斯您需要: window.ondragstart = function() { return false; } 如果您使用的是jQuery $("img").mousedown

我在互联网上到处找了找,但没有找到任何有效的方法

我希望我的图像不会被选中,比如带有背景图像的div(

我不能使用背景图像,因为我需要一个图像映射来实现功能

我的代码如下所示:

css

html

如您所见,我仍然会看到拖动图标,它会干扰地图的功能:

请帮忙,谢谢你花时间阅读我的帖子,我真的很感谢你的关注

干杯

米托斯

您需要:

window.ondragstart = function() { return false; } 
如果您使用的是jQuery

$("img").mousedown(function(){
    return false;
});
请回答:

使用此css的用户:

-moz-user-select: none;
-webkit-user-select: none;
user-select: none;

但是现在图像根本没有拖动?您是否尝试过此窗口。ondragstart=function(){return false;}我可以在此页面上看到一个错误:。修正这个错误,试试JS,我误解了你的意思!非常感谢^^^干杯!和+1表示快速、有用和简单的答案
window.ondragstart = function() { return false; } 
$("img").mousedown(function(){
    return false;
});
-moz-user-select: none;
-webkit-user-select: none;
user-select: none;