位置: 编程技术 - 正文

javascript浏览器兼容教程之事件处理(JavaScript浏览器扩展)

编辑:rootadmin

1. window.event

【分析说明】先看一段代码

  以上代码在IE运行的结果是[object],而在Firefox无法运行。

  因为在IE中event作为window对象的一个属性可以直接使用,但是在Firefox中却使用了W3C的模型,它是通过传参的方法来传播事件的,也就是说你需要为你的函数提供一个事件响应的接口。

【兼容处理】添加对event判断,根据浏览器的不同来得到正确的event:

2. 键盘值的取得

【分析说明】IE和Firefox获取键盘值的方法不同,可以理解,Firefox下的event.which与IE下的event.keyCode相当。关于彼此不同,可参考《键盘事件中keyCode、which和charCode 的兼容性测试》

【兼容处理】复制代码

3. 事件源的获取

【分析说明】在使用事件委托的时候,通过事件源获取来判断事件到底来自哪个元素,但是,在IE下,event对象有srcElement属性,但是没有target属性;Firefox下,even对象有target属性,但是没有srcElement属性。

【兼容处理】

4. 事件监听

【分析说明】在事件监听处理方面,IE提供了attachEvent和detachEvent两个接口,而Firefox提供的是addEventListener和removeEventListener。

【兼容处理】最简单的兼容性处理就是封装这两套接口:

  需要特别注意,Firefox下,事件处理函数中的this指向被监听元素本身,而在IE下则不然,可使用回调函数call,让当前上下文指向监听的元素。

5. 鼠标位置

【分析说明】IE下,even对象有x,y属性,但是没有pageX,pageY属性;Firefox下,even对象有pageX,pageY属性,但是没有x,y属性。

【兼容处理】使用mX(mX = event.x ? event.x : event.pageX;)来代替IE下的event.x或者Firefox下的event.pageX。复杂点还要考虑绝对位置。

推荐整理分享javascript浏览器兼容教程之事件处理(JavaScript浏览器扩展),希望有所帮助,仅作参考,欢迎阅读内容。

javascript浏览器兼容教程之事件处理(JavaScript浏览器扩展)

文章相关热门搜索词:javascript浏览器下载,javascript浏览器怎么打开,javascript浏览器怎么打开,JavaScript浏览器打开,JavaScript浏览器扩展,JavaScript浏览器打开,JavaScript浏览器打开,JavaScript浏览器打开,内容如对您有帮助,希望把文章链接给更多的朋友!

深入理解javascript中的立即执行函数(function(){…})() javascript和其他编程语言相比比较随意,所以javascript代码中充满各种奇葩的写法,有时雾里看花,当然,能理解各型各色的写法也是对javascript语言特性

javascript setinterval 的正确语法如何书写 前几天我用setinterval写了一个小程序,这个setinterval是用来干什么的我就不解释了。写的方法在其它的浏览器里都能用,后来测试组的同事拿去一测就出

js常用数组操作方法简明总结 //javascript中的数组分割varcolors=["red","green","blue"];//alert(colors.toString());alert(colors.join("|"));//返回结果是red|green|bluevarcolors=["red","green","blue",null];alert(colors.join

标签: JavaScript浏览器扩展

本文链接地址:https://www.jiuchutong.com/biancheng/370159.html 转载请保留说明!

上一篇:ECMAScript6的新特性箭头函数(Arrow Function)详细介绍(ecmascript6入门)

下一篇:深入理解javascript中的立即执行函数(function(){…})()(深入理解新发展理念,推进供给侧结构性改革 心得体会)

  • 增值税发票阅读器干什么用的
  • 吨位是啥意思
  • 宁波财税网会计招聘
  • 收到税务局税收返还
  • 期末账项调整的基础是
  • 生产成本月末有余额怎么结账
  • 已收保证金
  • 财务费用余额方向怎么填
  • 合并报表负商誉为什么计留存收益
  • 企业接收捐赠的会计分录
  • 货款现金收据可以做账吗
  • 机动车临时号牌有效期多久
  • 预付办公室装修款
  • 代开专票地税附加税申报办法
  • 商业健康保险个税申报
  • 转让股权应具备什么条件
  • 办公用品包括啥
  • 事业单位固定资产标准
  • 生产设备软件服务有哪些
  • 实收资本未到位借款利息可以税前扣除吗
  • 护建设税和教育费附加?
  • 建筑公司收到工程款需要交哪些税
  • 在window系统中哪些用户可以查看日志
  • 苹果电脑记笔记
  • 餐费发票可以抵扣成本吗
  • linux系列
  • 操作系统的文件系统管理主要负责
  • 在php中,字符串有哪些表示形式
  • 加拿大巨石
  • crontab不执行的原因和解决方案
  • vue实现下载文件夹
  • 其他业务收入负数坐在贷方
  • opengl 帧率
  • 运输发票税金如何入账
  • 企业发生待摊费会计分录
  • 商业承兑汇票在网银上怎么查询
  • 以美元报关是否要交税
  • 药店的主营业务类别怎么填
  • 工人晚上加班的说说心情
  • 低值易耗品一次性摊销会计科目
  • 公司安装监控属于什么费用
  • 价税合计怎么求税额
  • 应交税费中应交税金包含个税吗
  • 员工报销材料费用会计分录
  • 空调安装开发票
  • 小微企业的认定标准2023最新
  • 红冲上一年度销售收入
  • 建筑业营改增后税务问题
  • 接受捐赠的固定资产计入什么科目
  • 一般纳税人开错税率严重吗
  • ubuntu20 vnc
  • window系统怎么查看
  • 查看linux系统版本信息
  • wav文件属于什么文件
  • 通过注册表删除脱机打印机
  • win10更新后自动锁定
  • mac上如何卸载软件
  • centos7.1
  • 安装linux出现grub的原因
  • windos8怎么样
  • 如何关闭win8快速启动
  • win10系统异常自动重启
  • cordova怎么样
  • eclipse 单词
  • android打包v1v2
  • android jdk下载
  • 以下关于shell脚本参数
  • css行与行之间的间距怎么调
  • js如何引用
  • jquery技巧
  • javascript零基础入门书籍
  • 安卓art set
  • python中的堆和栈
  • python如何运用
  • 南宁市税局官网
  • 南京地税局局长名单
  • 电子发票专用章怎么设置
  • 买了发票但是税控机里显示没有发票怎么办?
  • 北京税务局开票系统
  • 党建税收宣传
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设