位置: 编程技术 - 正文

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

  • 退回代征手续费怎么做会计分录
  • 企业房产税每年交几次
  • 一般纳税人销售自己使用过的汽车
  • 库存现金贷方为负数说明什么
  • 未能及时取得成功的成语
  • 税局代开专票如何做账务处理?
  • 三包范围内的维修费谁出
  • 制造费用可以抵进项税吗
  • 利息收入交税会计分录怎么做
  • 年底给职工发啥实物
  • 关于销售返利的说法正确的有
  • 关税不可以抵扣吗
  • 水泥厂水泥增值税率是多少?
  • 员工离职赔偿计入什么科目
  • 退以前年度所得税会计分录
  • 递延所得税资产怎么计算
  • 长期股权投资的投资收益怎么算
  • 财务人员工资计入管理费用还是财务费用
  • win11如何在开机的时候进入安全模式
  • 航空公司收取什么费
  • 劳务费没发票怎样下账
  • 无法打开exe程序
  • 笔记本默认网关不可用怎么修复
  • 如何修复win10开机转圈五分钟
  • 其他业务收入与营业外收入
  • PHP:imagecolorstotal()的用法_GD库图像处理函数
  • 工程质保金如何做账
  • 进项税额转出的所有会计分录
  • php框架ci
  • 递延所得税负债借贷方向
  • 时间序列转换
  • 企业利润总额为负
  • 分公司股东怎么填
  • js示例
  • 2022前端面试题及答案
  • 小米开发回稳定
  • 银行存款利息应记什么科目
  • 税负率一般控制什么
  • c语言f lf
  • PostgreSQL教程(三):表的继承和分区表详解
  • 增值税主表和附表
  • 负数发票是可以抵扣吗
  • 金蝶软件做账流程图片
  • 银行存款余额调节表编制
  • 发行股票时支付的手续费
  • 应收款和实收款区别
  • 没有合同的收入能入账吗
  • 附加税减免政策2020年
  • 一般纳税人怎样开3个点的专票
  • 预算收入包括增值税吗
  • 财务费用具体包括
  • 什么情况下必须打狂犬疫苗
  • 叉车上牌流程注册登记
  • 正常在职员工的工作时间
  • sql有哪些语句
  • win8经常弹出转到电脑设置
  • w10看不到我的电脑
  • xp无法加载配置文件
  • 防止 避免
  • naimag32.exe - naimag32是什么进程 有什么用
  • win7安装远程桌面组件
  • 电脑系统 win7
  • win8系统怎么样好用吗
  • windows桌面右下角图标不显示
  • linux那么多命令怎么记
  • html气泡效果
  • 完美解决win11间歇性掉线
  • gridview添加数据
  • linux 删除inode
  • Android 为LinearLayout增加分割线 divider
  • ssh -keygen
  • 详解TCP的四种定时器
  • node.js详解
  • shell中大括号
  • python字符串怎么用
  • 浅析Python中MySQLdb的事务处理功能
  • 社保由税务部门征收的文件
  • 南京税务举报
  • 有关单位和个人应该怎么样
  • 铁路检察院和普检哪个好
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设