html - 奇怪的图片在 html 网站上移动

标签 html css image onclick

我正在制作一个网站,突然遇到了一个问题。它不是很大,但我想修复它。在我的网站上,我有很多图片,但有一个小故障。图像是“可拖动的”。我的意思是,当您单击图像而不是移动鼠标时,图像会被拖动。如何解决?

http://nitidus-consto.kilu.org/

最佳答案

一直都是这样。 不要在里面发现任何奇怪的东西。

无论如何,此链接可以帮助您:

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/

相关文章:

javascript - JQuery,左位置错误

css - 是否有必要按顺序放置字体属性

iphone - 绘制图像缩放并旋转后,到其他图像iOS

java - 如何将图像放置在源文件夹中并在 Eclipse 中使用它

image - 通过在自定义单元格内进行修饰来制作基本的动画/翻译

javascript - IE10、11 带连字符的 CDATA 解析错误

javascript - 为什么必须使用 window.onload 将图像绘制到 Canvas 上

javascript - 如何检测contenteditable中的文本溢出

html - 水平 CSS 菜单有问题

css - 将 cufon 与 CSS 一起使用生成的内容通过 ( :before/:after)