位置: 编程技术 - 正文

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

  • 商品流通企业税种有哪些
  • 生产企业出口退税的计算方法
  • 小规模企业所得税会计分录怎么做
  • 固定资产出售如何申报增值税
  • 汽车运输企业付给车主的运费算成本吗
  • 工业总产值收入法
  • 年报现金流量表可以不填吗
  • 应交税费贷方发生额表示什么金额
  • 抵扣白条账单是怎么回事
  • 股东出资方式和比例是否合法?并说明理由
  • 固定资产折旧的影响因素
  • 现金账记错了该如何改正
  • 房地产开发临时用电
  • 旅行社开具发票
  • 制造费用属于成本类还是损益类
  • 资产的税务处理要注意什么
  • 一般纳税人地税怎么收费
  • 单位参加城镇职工基本养老保险缴费基数怎么填写
  • 商业健康保险个人所得税扣除
  • 企业发给职工的全年一次性奖金不缴纳个人所得税对吗
  • 支票只能同城吗
  • 以下凭证免征印花税的有
  • 房地产企业税负率
  • 产品研发费用计入什么科目
  • 一般纳税人存货入账价值
  • 收购公司款项的支付是利好还是利差
  • 其他综合收益属于什么类
  • 误解苹果
  • 收藏的php常用函数是什么
  • 电脑锁屏密码设置步骤
  • 注册资本增加了
  • 外商投资的企业再投资
  • php注册和登录界面
  • php获取并显示用户的用户名
  • 应收账款怎么做账
  • 暂估入库的商品含税吗
  • 损失函数是什么
  • 公司转让账务处理方法
  • node与nodejs
  • 网络安全网页设计作品构思
  • 阿里云 gtm
  • mask rcnn优点
  • thinkphp session存放位置
  • 小企业会计准则调整以前年度费用分录
  • 折扣和佣金合法的两个条件是什么?
  • 税务稽查补税
  • 金蝶软件如何输入红字
  • 工程运维预缴增值税税率
  • 帝国cms怎么样
  • 税前可扣除的税费
  • 增值税进项发票勾选认证流程
  • 公司一般户需要年检吗
  • 中小型企业营业额和从业人数
  • 收到退回的文化事业建设费会计分录
  • 购货方收到红字发票计入进项税转出还是进项税额负数?
  • 预期年化收益率安全吗
  • 转售水电费收入确认
  • 小规模纳税人增值税账务处理
  • sqlserver的游标
  • 微软windows 10
  • mac怎么使用自动切换输入法
  • mac怎么安装字体到ai
  • switpa.exe - switpa是什么进程
  • linux kill-15
  • linux 零拷贝技术
  • windows无法升级
  • windows7cmd命令不能执行
  • linux系统查看系统信息
  • win7系统重启后黑屏不进系统
  • 十个linux命令
  • dos命令行怎么打开
  • android调用相机闪退
  • javascript教程完整版
  • 用javascript
  • js下拉框怎么设置
  • 扣缴义务人申报和综合所得年度自行申报
  • 开票软件登录失败怎么办
  • 小规模企业降税
  • 季度财务会计报告怎么写
  • 金税三期个人所得税怎么申报
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设