js屏蔽浏览器默认的拖动图片等扩展操作

事情来有是,我用js实现了一个能够在页面上某个div区域里拖动图片,控制图片位置的功能。这个功能在ie下是正常工作的,但是我用火狐测试发现,火狐默认有拖动图片和选中问题的功能,这样就跟我用js实现的这个功能冲突了,造成无法正常操作。

网上查资料找到了preventDefault方法,w3解释是:
1.定义和用法: 取消事件的默认动作。
2.语法: event.preventDefault()
3.说明: 该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。例如,如果 type 属性是 “submit”,在事件传播的任意阶段可以调用任意的事件句柄,通过调用该方法,可以阻止提交表单。注意,如果 Event 对象的 cancelable 属性是 fasle,那么就没有默认动作,或者不能阻止默认动作。无论哪种情况,调用该方法都没有作用。
4实际使用代码还要考虑下兼容性问题,判断这个方法是否存在,如果不存在,可以通过取消事件状态来屏蔽浏览器默认的扩展操作,我的最终代码如下

function btncliek(e)
{
    if (e.preventDefault) {
        e.preventDefault();
    }
    else {
        e.returnvalue = false;
    }
}

你可能感兴趣的:(php函数,javascript)