Saber 酱的抱枕

Fly me to the moon

03/7
2015
学习

js禁止拖动页面元素

主管把我叫过去,说页面上的图片鼠标轻轻一拖就在新页面打开了,问我是怎么回事(她不是搞技术的)。我告诉她是因为她360浏览器的原因,其他一些浏览器虽然能拖动,但不拖到标签栏是不会在新标签页打开的。虽然如此,她还是想禁止这个情况。于是去百度,找到了js中禁止鼠标拖动的代码:

1
ondragstart="return false"

试试下边的图片,已经不能拖动了。
心绮楼博丽灵梦立绘
如果需要给页面上所有图片都设置此属性,可以使用以下代码:

1
2
3
4
5
6
7
8
9
<script type="text/javascript">
    window.onload=function  () {
        var allImg=new Array();
        allImg=document.getElementsByTagName('img');
        for (var i = allImg.length - 1; i >= 0; i--) {
            allImg[i].setAttribute("ondragstart", "return false")
        };
    }
</script>

js禁止拖动页面元素

TOP
    显示公告
    聊      天
    吃 零 食
    博客后台
    生存时间
    关闭春菜
    X
    召唤春菜