如何用CSS禁止chrome的图片拖动

html-css011

如何用CSS禁止chrome的图片拖动,第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>

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

解决方案 :利用css的pointer-events:none,拖拽产生的时候用CSS禁止掉所有事件,然后调用;

设置css

js