我正在制作一个网站,突然遇到了一个问题。它不是很大,但我想修复它。在我的网站上,我有很多图片,但有一个小故障。图像是“可拖动的”。我的意思是,当您单击图像而不是移动鼠标时,图像会被拖动。如何解决?
最佳答案
一直都是这样。 不要在里面发现任何奇怪的东西。
无论如何,此链接可以帮助您:
http://www.redips.net/firefox/disable-image-dragging/
您可以使用 javascript 来避免图像拖动:
html文件:
<!-- right image (dragging disabled) -->
<img src="image.png" onmousedown="if (event.preventDefault) event.preventDefault()">
JavaScript:
// register onLoad event with anonymous function
window.onload = function (e) {
var evt = e || window.event,// define event (cross browser)
imgs, // images collection
i; // used in local loop
// if preventDefault exists, then define onmousedown event handlers
if (evt.preventDefault) {
// collect all images on the page
imgs = document.getElementsByTagName('img');
// loop through fetched images
for (i = 0; i < imgs.length; i++) {
// and define onmousedown event handler
imgs[i].onmousedown = disableDragging;
}
}
};
// disable image dragging
function disableDragging(e) {
e.preventDefault();
}
关于html - 奇怪的图片在 html 网站上移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7281190/