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;
    }
}
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值