怎么防止html中的图片被拖动

怎么防止html中的图片被拖动,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

">  

<html xmlns="

">  

<head>  

<title>禁止鼠标拖动图片在新窗口打开</title>  

<meta http-equiv="content-type" content="text/htmlcharset=gb2312">  

<!--把下面代码加到<head>与</head>之间-->  

<script language="javascript">  

function imgdragstart(){return false}  

</script>  

</head>  

<body>  

鼠标左键拖动图片试试!  

<!--把下面代码加到<body>与</body>之间-->  

<img src="img.jpg">  

<img src="img.jpg" >  

<script language="javascript">  

for(i in document.images)document.images[i].ondragstart=imgdragstart  

</script>  

</body>  

</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

">  

<html xmlns="

">  

<head>  

<title>禁止鼠标拖动图片在新窗口打开</title>  

<meta http-equiv="content-type" content="text/htmlcharset=gb2312">  

<!--把下面代码加到<head>与</head>之间-->  

<script language="javascript">  

function imgdragstart(){return false}  

</script>  

</head>  

<body>  

鼠标左键拖动图片试试!  

<!--把下面代码加到<body>与</body>之间-->  

<img src="img.jpg">  

<img src="img.jpg" >  

<script language="javascript">  

for(i in document.images)document.images[i].ondragstart=imgdragstart  

</script>  

</body>  

</html>

这个例子可以禁止拖动图片,你试试看

你是从网上下个这样的效果,然后有BUG是么,不是你自己写的对么,第一个问题,如果你不想拖出去的话,拖动时,当X和Y值大于你这个DIV最大的那个值,也就是,到最边的时候,值就等于那个最边,这样就不会出去了,第二个问题,他应该是,把拖动时的值显示出来了,你不想要的话,在JS把那一句给删除就可以了,如果不知道在哪,用个笨方法,用CSS把那个DIV隐藏,或用个DIV把他盖住,就行了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7080343.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-01
下一篇 2023-04-01

发表评论

登录后才能评论

评论列表(0条)

保存