位置: 编程技术 - 正文

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(){…})()(深入理解新发展理念,推进供给侧结构性改革 心得体会)

  • 纳税申报的流程是什么
  • 外贸企业出口退税流程图
  • 环境保护税的应税污染物有哪些
  • 计提印花税会计分录
  • 建筑业预缴增值税怎么填纳税申报表
  • 税收工资什么意思
  • 工业企业取得土地收益
  • 公司购买的
  • 单位注册表从哪里获取
  • 企业所得税纳税调整明细表
  • 营改增后建筑企业的账务处理
  • 应付债券利息调整科目理解
  • 小型微利企业预缴所得税税率
  • 税率13降到11的财税政策解读
  • 营改增试点实施办法的法律层次是
  • 集团控股公司
  • 现金流量表右边
  • 年度汇算清缴可以作废吗
  • 公司名下商品房交易开具发票
  • 年底有留抵税额需要结转吗
  • 同比增长率为负数怎么算
  • 银行承兑汇票保证金是什么意思
  • 费用应计入管理费用的有
  • 顶账的固定资产怎么入账
  • 如何让自己的网站被百度收录
  • proflwiz.exe - proflwiz是什么进程 有什么用
  • 知识产权?
  • linux使用docker
  • linux系统情况
  • 土地使用权进项税如何抵扣
  • 增值税专用发票有几联?
  • 现金溢余基本账务处理
  • Yii2实现ajax上传图片插件用法
  • 递延收益会计科目的账务处理
  • 微信小程序实现支付功能
  • vue系列教程
  • 目标检测yolo
  • 税前扣除是什么时候
  • 赔偿款收据样本
  • 利息调整摊销额计入投资收益吗
  • mongodb主键
  • 给员工买保险的好处和坏处
  • PostgreSQL教程(十一):服务器配置
  • 托收承付和委托收款纳税义务发生时间
  • 红冲去年暂估的费用怎么做账
  • 留样产品的保存期限
  • 出口退回的增值税计入哪个会计科目
  • 利息收入怎么做红字
  • 固定性制造费用能量差异公式
  • 企业注销留抵税额怎么处理 最新
  • 自产产品用于职工食堂,确认收入吗
  • 规划设计费入什么科目
  • 劳务费需要通过应付职工薪酬科目核算吗
  • 旅行社财务会计工作内容
  • sql语句常用语句
  • 如何在卸载程序中隐藏已安装程序
  • debian8安装
  • Linux系统下findmnt命令使用全解
  • windows设置tomcat自动重启
  • win7怎么禁止系统自动更新
  • win7如何访问xp
  • win7移动硬盘无法弹出
  • win7系统怎么设置不休眠
  • win8.1拨号上网
  • win10无法回退到以前的版本怎么办
  • 创游世界
  • bootstrap媒体查询写法
  • css设置表格隔行换色
  • 转换目录的命令
  • shell的变量分为哪三种
  • 粒子特效代码
  • Unity3D游戏开发标准教程
  • jquery增删改查方法
  • python语言面向过程吗
  • 脚本 python
  • 2023年最新税率一般纳税人
  • 医院盖章去哪个部门
  • 在水贝买的黄金
  • 加工修理修配统称为什么
  • 外资企业怎样
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设