您的位置：首页 > Web前端 > HTML

禁止浏览器拖动图片进行下载

2010-06-13 22:13 218 查看

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>禁止鼠标拖动图片</title>

<style type="text/css">

/*禁止选择内容(FF)*/

.notselect{-moz-user-select:none;}

</style>

<script type="text/javascript">

//禁止选择内容(IE)

document.onselectstart = function() { return false; }

//如果是移动事件则禁用

document.onmousemove = function(e){return false;}

//如果点击的是图片者禁用,如果使用了禁止移动事件的话，下面这个句已经不太重要，

document.onmousedown = function(e)

{

if (e != null)

{

if (e.explicitOriginalTarget.localName == "img")

{

return false;

}

} else

{

if (event.srcElement.tagName == "IMG")

{

return false;

}

}

}

</script>

</head>

<body class="notselect">

禁止鼠标拖动图片，你可以试试！！！来源：http://www.exfsoft.com

<img src="http://www.exfsoft.com/Templates/Default/img/12530.jpg" onmousedown="return false;" />

</body>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 浏览器 function xhtml class html null

相关文章推荐

新的分享

章节导航