blocks|key|873370|text|我试了试，发现这是有效的。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|873371|$("img").mousedown(function(){
++++return+false;
});|code-block|syntax|javascript|873372|我确信这会禁用所有图像的拖动。我不确定它会影响到别的什么。|873373|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I tried myself and found this is working.

<pre><code>$("img").mousedown(function(){
 return false;
});
</code></pre>

I am sure this disables dragging of all the images. Not sure it effects something else.

blocks|key|1087966|text|你可以这样..。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1087967|document.getElementById('my-image').ondragstart+=+function()+{+return+false;+};|code-block|syntax|javascript|1087968|See+it+working+(or+not+working,+rather)|offset|length|1087969|您似乎正在使用jQuery。|1087970|$('img').on('dragstart',+function(event)+{+event.preventDefault();+});|1087971|entityMap|0|LINK|mutability|MUTABLE|url|http://jsbin.com/ogibe3/edit^0|0|0|0|13|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|X|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Y|8|@]|9|@$I|Z|J|10|1|11]]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|D|7|13|8|@]|9|@]|A|$E|F]]|$1|O|3|-4|5|6|7|14|8|@]|9|@]|A|$]]]|P|$Q|$5|R|S|T|A|$U|V]]]]

You can like this...

<pre><code>document.getElementById('my-image').ondragstart = function() { return false; };
</code></pre>

<a href="http://jsbin.com/ogibe3/edit" rel="noreferrer">See it working (or not working, rather)</a>

It seems you are using jQuery.

<pre><code>$('img').on('dragstart', function(event) { event.preventDefault(); });
</code></pre>

blocks|key|873654|text|CSS+only解决方案:使用pointer-events:+none|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|873655|https://developer.mozilla.org/en-US/docs/CSS/pointer-events|873656|entityMap|0|LINK|mutability|MUTABLE|url^0|F|K|0|0|1N|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@$9|S|A|T|1|U]]|E|$]]|$1|H|3|-4|5|6|7|V|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|G]]]]

CSS only solution: use <code>pointer-events: none</code>

<a href="https://developer.mozilla.org/en-US/docs/CSS/pointer-events">https://developer.mozilla.org/en-US/docs/CSS/pointer-events</a>

blocks|key|1088378|text|只需将draggable="false“添加到您的图像标记：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1088379|<img+draggable="false"+src="image.png">|code-block|syntax|javascript|1088380|然而，IE8和under不支持。|1088381|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

just add draggable="false" to your image tag:

<pre><code>&lt;img draggable="false" src="image.png"&gt;
</code></pre>

IE8 and under doesn't support however.

blocks|key|873274|text|window.ondragstart+=+function()+{+return+false;+}+|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|873275|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>window.ondragstart = function() { return false; } 
</code></pre>

blocks|key|1088613|text|最简单的跨浏览器解决方案是|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1088614|<img+draggable="false"+ondragstart="return+false;"+src="..."+/>|code-block|syntax|javascript|1088615|问题：|1088616|img+{
+-moz-user-select:+none;
+-webkit-user-select:+none;
+-ms-user-select:+none;
+user-select:+none;
+-webkit-user-drag:+none;
+user-drag:+none;
+-webkit-touch-callout:+none;
}|1088617|它在firefox中不起作用|1088618|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

simplest cross browser solution is 

<pre><code>&lt;img draggable="false" ondragstart="return false;" src="..." /&gt;
</code></pre>

problem with

<pre><code>img {
 -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-user-drag: none;
 user-drag: none;
 -webkit-touch-callout: none;
}
</code></pre>

is that it is not working in firefox

blocks|key|1088559|text|img+{
++-moz-user-select:+none;
++-webkit-user-select:+none;
++-ms-user-select:+none;
++user-select:+none;
++-webkit-user-drag:+none;
++user-drag:+none;
++-webkit-touch-callout:+none;
}|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1088560|我在我的网站http://www.namdevmatrimony.in/上使用了它，它像魔术一样工作！:)|unstyled|offset|length|1088561|entityMap|0|LINK|mutability|MUTABLE|url|http://www.namdevmatrimony.in/^0|0|6|U|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>img {
 -moz-user-select: none;
 -webkit-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-user-drag: none;
 user-drag: none;
 -webkit-touch-callout: none;
}
</code></pre>

I used it on my website at <a href="http://www.namdevmatrimony.in/">http://www.namdevmatrimony.in/</a>
It's works like a magic!!! :)

blocks|key|873726|text|查看此answer；在Chrome和Safari中，您可以使用以下样式禁用默认拖动：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|873727|-webkit-user-drag:+auto+%7C+element+%7C+none;|code-block|syntax|javascript|873728|你可以尝试火狐和IE的user-select+(10%2B)：|873729|-moz-user-select:+none+%7C+text+%7C+all+%7C+element
-ms-user-select:+none+%7C+text+%7C+all+%7C+element|873730|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/16283142/932282|1|https://developer.mozilla.org/en-US/docs/Web/CSS/user-select^0|3|6|0|0|0|B|B|1|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]]|C|$]]|$1|D|3|E|5|F|7|10|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|11|8|@]|9|@$A|12|B|13|1|14]]|C|$]]|$1|K|3|L|5|F|7|15|8|@]|9|@]|C|$G|H]]|$1|M|3|-4|5|6|7|16|8|@]|9|@]|C|$]]]|N|$O|$5|P|Q|R|C|$S|T]]|U|$5|P|Q|R|C|$S|V]]]]

See this <a href="https://stackoverflow.com/a/16283142/932282">answer</a>; in Chrome and Safari you can use the following style to disable the default dragging:

<pre><code>-webkit-user-drag: auto | element | none;
</code></pre>

You could try <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/user-select" rel="nofollow noreferrer">user-select</a> for Firefox and IE(10+):

<pre><code>-moz-user-select: none | text | all | element
-ms-user-select: none | text | all | element
</code></pre>

blocks|key|873516|text|您可以将以下内容添加到不希望可拖动的每个图像中(在img标签内)：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|873517|onmousedown="return+false;"|code-block|syntax|javascript|873518|例如：|873519|img+src="Koala.jpg"+onmousedown="return+false;"|873520|entityMap^0|P|3|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@$9|R|A|S|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|T|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|U|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|O|3|-4|5|6|7|W|8|@]|D|@]|E|$]]]|P|$]]

You can add the following to each image you don't want to be draggable, (inside the <code>img</code> tag):

<pre><code>onmousedown="return false;"
</code></pre>

e.g. 

<pre><code>img src="Koala.jpg" onmousedown="return false;"
</code></pre>

blocks|key|873836|text|直接在您的图像标记中使用这个：ondragstart="return+false;"。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|873837|<img+src="http://image-example.png"+ondragstart="return+false;"/>|code-block|syntax|javascript|873838|如果您有多个包装在<div>标签上的图像：|873839|<div+ondragstart="return+false;">
+++<img+src="image1.png"/>
+++<img+scr="image2.png"/>
</div>|873840|适用于所有主流浏览器。|873841|entityMap^0|F|R|0|0|9|5|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|V|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|W|8|@$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|M|3|N|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|10|8|@]|D|@]|E|$]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

Directly use this: <code>ondragstart="return false;"</code> in your image tag. 

<pre><code>&lt;img src="http://image-example.png" ondragstart="return false;"/&gt;
</code></pre>

If you have multiple images, wrapped on a <code>&lt;div&gt;</code> tag:

<pre><code>&lt;div ondragstart="return false;"&gt;
 &lt;img src="image1.png"/&gt;
 &lt;img scr="image2.png"/&gt;
&lt;/div&gt;
</code></pre>

Works in all major browsers.

blocks|key|1088261|text|这段代码做的正是您想要的。它阻止图像拖动，同时允许任何其他依赖于该事件的操作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1088262|$("img").mousedown(function(e){
++++e.preventDefault()
});|code-block|syntax|javascript|1088263|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

This code does exactly what you want. It prevents the image from dragging while allowing any other actions that depend on the event.

<pre><code>$("img").mousedown(function(e){
 e.preventDefault()
});
</code></pre>

blocks|key|873475|text|因为我的图像是使用ajax创建的，因此在windows.load上不可用。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|873476|$("#page").delegate('img',+'dragstart',+function+(event)+{+event.preventDefault();+});|offset|length|style|CODE|873477|这样我就可以控制哪个部分阻止了行为，它只使用一个事件绑定，并且它适用于将来ajax创建的图像，而不需要做任何事情。|873478|使用jQuery新的on绑定：|873479|$('#page').on('dragstart',+'img',+function(event)+{+event.preventDefault();+});+(感谢@ialphan)|873480|entityMap^0|0|0|2E|0|0|A|2|0|0|27|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|U|8|@$D|V|E|W|F|G]]|9|@]|A|$]]|$1|L|3|M|5|6|7|X|8|@$D|Y|E|Z|F|G]]|9|@]|A|$]]|$1|N|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|O|$]]

Since my images were created using ajax, and therefore not available on windows.load.

<code>$("#page").delegate('img', 'dragstart', function (event) { event.preventDefault(); });</code>

This way I can control which section blocks the behavior, it only uses one event binding and it works for future ajax created images without having to do anything.

With jQuery new <code>on</code> binding:

<code>$('#page').on('dragstart', 'img', function(event) { event.preventDefault(); });</code>
(thanks @ialphan)

blocks|key|1088480|text|<img+draggable="false"+src="images/testimg1.jpg"+alt=""/>|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1088481|unstyled|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|G|8|@]|9|@]|A|$B|C]]|$1|D|3|-4|5|E|7|H|8|@]|9|@]|A|$]]]|F|$]]

<pre><code>&lt;img draggable="false" src="images/testimg1.jpg" alt=""/&gt;
</code></pre>

blocks|key|1088113|text|很好的解决方案，有一个关于冲突的小问题，如果其他任何人有来自其他js库的冲突，只需简单地启用不像这样的冲突。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1088114|var+$j+=+jQuery.noConflict();$j('img').bind('dragstart',+function(event)+{+event.preventDefault();+});|code-block|syntax|javascript|1088115|希望这能帮到别人。|1088116|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

Great solution, had one small issue with conflicts,
If anyone else has conflict from other js library simply enable no conflict like so.

<pre><code>var $j = jQuery.noConflict();$j('img').bind('dragstart', function(event) { event.preventDefault(); });
</code></pre>

Hope this helps someone out.

blocks|key|1088473|text|好吧，我不知道这里的答案是否对每个人都有帮助，但这里有一个简单的内联CSS技巧，它肯定会帮助你在HTML页面上禁用拖动和选择文本。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1088474|在您的<body>标签上添加ondragstart="return+false"。这将禁用图像拖动。但是，如果您还想禁用文本选择，则添加onselectstart="return+false"。|offset|length|style|CODE|1088475|代码将如下所示：<body+ondragstart="return+false"+onselectstart="return+false">|1088476|entityMap^0|0|3|6|E|Q|1W|S|0|8|1Q|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|M|8|@$D|N|E|O|F|G]|$D|P|E|Q|F|G]|$D|R|E|S|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|T|8|@$D|U|E|V|F|G]]|9|@]|A|$]]|$1|J|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|K|$]]

Well I don't know if the answers in here have helped everyone or not, but here's a simple inline CSS trick which would definitely help you to disable dragging and selecting texts on a HTML page.

On your <code>&lt;body&gt;</code> tag add <code>ondragstart="return false"</code>. This will disable dragging of images. But if you also want to disable text selection then add <code>onselectstart="return false"</code>.

The code will look like this: <code>&lt;body ondragstart="return false" onselectstart="return false"&gt;</code>

blocks|key|873969|text|为图像设置以下CSS属性：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|873970|user-drag:+none;+
user-select:+none;
-moz-user-select:+none;
-webkit-user-drag:+none;
-webkit-user-select:+none;
-ms-user-select:+none;|code-block|syntax|javascript|873971|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Set the following CSS properties to the image:

<pre><code>user-drag: none; 
user-select: none;
-moz-user-select: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-ms-user-select: none;
</code></pre>

blocks|key|1088025|text|好吧，这是可能的，发布的其他答案也是完全有效的，但您可以采取暴力方法，防止图像上的mousedown的默认行为。那就是开始拖动图像。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1088026|如下所示：|1088027|window.onload+=+function+()+{++
++++var+images+=+document.getElementsByTagName('img');+++
++++for+(var+i+=+0;+img+=+images[i%2B%2B];)+{++++
++++++++img.ondragstart+=+function()+{+return+false;+};
++++}++
};++|code-block|syntax|javascript|1088028|entityMap^0|15|9|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@$9|P|A|Q|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|R|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|S|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|T|8|@]|D|@]|E|$]]]|N|$]]

Well, this is possible, and the other answers posted are perfectly valid, but you could take a brute force approach and prevent the default behavior of <code>mousedown</code> on images. Which, is to start dragging the image. 

Something like this:

<pre><code>window.onload = function () { 
 var images = document.getElementsByTagName('img'); 
 for (var i = 0; img = images[i++];) { 
 img.ondragstart = function() { return false; };
 } 
}; 
</code></pre>

blocks|key|1088450|text|document.getElementById('#yourImageId').addEventListener('dragstart',+function(e)+{
+++++e.preventDefault();
});|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1088451|在这个柱塞http://plnkr.co/edit/HbAbJkF0PVLIMjTmEZml中工作|unstyled|offset|length|1088452|entityMap|0|LINK|mutability|MUTABLE|url|http://plnkr.co/edit/HbAbJkF0PVLIMjTmEZml^0|0|5|15|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|R|8|@]|9|@$G|S|H|T|1|U]]|A|$]]|$1|I|3|-4|5|F|7|V|8|@]|9|@]|A|$]]]|J|$K|$5|L|M|N|A|$O|P]]]]

<pre><code>document.getElementById('#yourImageId').addEventListener('dragstart', function(e) {
 e.preventDefault();
});
</code></pre>

Works in this Plunker <a href="http://plnkr.co/edit/HbAbJkF0PVLIMjTmEZml" rel="nofollow">http://plnkr.co/edit/HbAbJkF0PVLIMjTmEZml</a>

blocks|key|874105|text|答案很简单：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|874106|<body+oncontextmenu="return+false"/>+-禁用右键单击<body+ondragstart="return+false"/>+-禁用鼠标拖动<body+ondrop="return+false"/>+-禁用鼠标放置|offset|length|style|CODE|874107|entityMap^0|0|0|10|18|Y|2E|T|0^^$0|@$1|2|3|4|5|6|7|J|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|K|8|@$D|L|E|M|F|G]|$D|N|E|O|F|G]|$D|P|E|Q|F|G]]|9|@]|A|$]]|$1|H|3|-4|5|6|7|R|8|@]|9|@]|A|$]]]|I|$]]

Answer is simple:

<code>&lt;body oncontextmenu="return false"/&gt;</code> - disable right-click
 <code>&lt;body ondragstart="return false"/&gt;</code> - disable mouse dragging
 <code>&lt;body ondrop="return false"/&gt;</code> - disable mouse drop

blocks|key|1088834|text|使用JQuery完成此任务的优雅方法|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1088835|$("body").on('mousedown','img',function(e){
++++e.stopPropagation();
++++e.preventDefault();
});|code-block|syntax|javascript|1088836|entityMap^0|2|6|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|P|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Q|8|@]|D|@]|E|$]]]|L|$]]

An elegant way to do it with <code>JQuery</code>
<pre><code>$(&quot;body&quot;).on('mousedown','img',function(e){
 e.stopPropagation();
 e.preventDefault();
});
</code></pre>

blocks|key|1088703|text|我完成了这里显示的css属性，并使用以下javascript监控ondragstart：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1088704|handleDragStart:+function+(evt)+{
++++if+(evt.target.nodeName.match(/%5E(IMG%7CDIV%7CSPAN%7CA)$/i))+{
++++++evt.preventDefault();
++++++return+false;
++++}
++},|code-block|syntax|javascript|1088705|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I did the css properties shown here as well as monitor ondragstart with the following javascript:

<pre><code>handleDragStart: function (evt) {
 if (evt.target.nodeName.match(/^(IMG|DIV|SPAN|A)$/i)) {
 evt.preventDefault();
 return false;
 }
 },
</code></pre>

blocks|key|1088588|text|从我自己的answer中窃取，只需在图像上添加一个完全透明的相同大小的元素。调整图像大小时，请确保调整元素的大小。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1088589|这应该适用于大多数浏览器，甚至更老的浏览器。|1088590|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/16283211/1408137^0|5|6|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]]|C|$]]|$1|D|3|E|5|6|7|R|8|@]|9|@]|C|$]]|$1|F|3|-4|5|6|7|S|8|@]|9|@]|C|$]]]|G|$H|$5|I|J|K|C|$L|M]]]]

Stealing from my own <a href="https://stackoverflow.com/a/16283211/1408137">answer</a>, just add a completely transparent element of the same size over the image. When you resize your image, be sure to resize the element.

This should work for most browsers, even older ones.

I need to put an image in my page. I want to disable dragging of that image. I am trying lot of things but no help. Can somebody help me out ?

I don't want to keep that image as a background-image because I am resizing the image.

Disable dragging an image from an HTML page

我需要在我的页面上放一张图片。我想禁用对该图像的拖动。我尝试了很多东西，但是没有帮助。有人能帮帮我吗？我不想保留该图像作为背景图像，因为我正在调整图像的大小。

问禁止从HTML页面拖动图像
EN

回答 22

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁止从HTML页面拖动图像EN

回答 22

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问禁止从HTML页面拖动图像
EN