在html站点上移动奇怪的图像

在html站点上移动奇怪的图像,html,css,image,onclick,Html,Css,Image,Onclick,我正在创建一个网站,突然遇到了一个问题。它不是很大,但我想把它修好。在我的网站上,我有很多图片,但有一个小故障。这些图像是“可拖动的”。我的意思是当你点击一个图像,然后移动鼠标,图像就会被拖动。这怎么能解决呢 事情总是这样的。 不要在里面发现任何奇怪的东西 无论如何,此链接可以帮助您: 您可以使用javascript避免图像拖动: html文件: <!-- right image (dragging disabled) --> <img src="image.png" onm

我正在创建一个网站,突然遇到了一个问题。它不是很大,但我想把它修好。在我的网站上,我有很多图片,但有一个小故障。这些图像是“可拖动的”。我的意思是当你点击一个图像,然后移动鼠标,图像就会被拖动。这怎么能解决呢

事情总是这样的。 不要在里面发现任何奇怪的东西

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

您可以使用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();
 }
//使用匿名函数注册onLoad事件
window.onload=函数(e){
var evt=e | | window.event,//定义事件(跨浏览器)
imgs,//图像收集
i、 //用于本地循环
//如果存在preventDefault,则定义onmousedown事件处理程序
如果(evt.preventDefault){
//收集页面上的所有图像
imgs=document.getElementsByTagName('img');
//循环浏览获取的图像
对于(i=0;i
总是这样。 不要在里面发现任何奇怪的东西

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

您可以使用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();
 }
//使用匿名函数注册onLoad事件
window.onload=函数(e){
var evt=e | | window.event,//定义事件(跨浏览器)
imgs,//图像收集
i、 //用于本地循环
//如果存在preventDefault,则定义onmousedown事件处理程序
如果(evt.preventDefault){
//收集页面上的所有图像
imgs=document.getElementsByTagName('img');
//循环浏览获取的图像
对于(i=0;i
你能展示一个无法拖动图像进行比较的网站吗?这是正常的浏览器行为。我知道这很正常,但如何删除它…*Kheldar Umm。。如果我想看到一个,我会阅读源代码,但我在网上找不到任何东西。我不知道其他网站的情况,但那些试图(愚蠢地)阻止我与它的某些部分进行交互的网站让我非常恼火。如果你想做Flash,就做Flash。HTML和CSS设计为开放和可读,因此您可以轻松访问图片。我希望这不是你关心的问题。你能展示一个不能拖动图像进行比较的网站吗?这是正常的浏览器行为。我知道这很正常,但如何删除它…*Kheldar Umm。。如果我想看到一个,我会阅读源代码,但我在网上找不到任何东西。我不知道其他网站的情况,但那些试图(愚蠢地)阻止我与它的某些部分进行交互的网站让我非常恼火。如果你想做Flash,就做Flash。HTML和CSS设计为开放和可读,因此您可以轻松访问图片。我希望这不是你的问题。再次感谢!我工作了,我刚刚制作了一个新的.js文件副本,粘贴了代码,将其链接到html,并添加了onmousedown,它可以工作:)。再次感谢!我工作了,我只是制作了一个新的.js文件副本,粘贴了代码,将其链接到html,并添加了onmousedown,它可以工作:)。