浅谈firefox 的event事件处理
2016-06-16 08:55
465 查看
前几天,在用angularJs实现一个功能,点击后获取event的x,y坐标时,IE9, chrome下功能正常。但是firefox报event 未定义。初始代码如下:
html:
js:
结果,ff下click后控制台报错了。查了资料后,知道浏览器event对象的差异性如下:
1、在IE中event作为window对象的一个属性可以直接使用 window.event;
2、在W3标准中,event对象必须作为参数传给事件处理函数,前提是我们代码中要用的时候。所以,在标准兼容的浏览器(Mozilla,Safari,Opera)中访问事件对象,要这么做:
注意这里要用angular的$event,它们已经替开发者屏蔽了浏览器的兼容问题。其实用jQuery来绑定click事件,获取event对象的结果跟angular获取的$event一摸一样,例如:
了解浏览器的兼容问题,并利用三方库屏蔽常见的兼容问题。
以上就是小编为大家带来的浅谈firefox 的event事件处理的全部内容了,希望大家多多支持脚步之家。
html:
<div class="container"> <span class="glyphicon glyphicon-plus"></span> <a href="#" class="linkstyle plus" ng-click="addResPop()"/>addRes</a> </div>
js:
$scope.addResPop = function () { var x = window.event.screenX;//ff报undefined .... }
结果,ff下click后控制台报错了。查了资料后,知道浏览器event对象的差异性如下:
1、在IE中event作为window对象的一个属性可以直接使用 window.event;
2、在W3标准中,event对象必须作为参数传给事件处理函数,前提是我们代码中要用的时候。所以,在标准兼容的浏览器(Mozilla,Safari,Opera)中访问事件对象,要这么做:
<a href="#" class="linkstyle plus" ng-click="addResPop($event)"/>addRes</a> $scope.addResPop = function($event) { .... }
注意这里要用angular的$event,它们已经替开发者屏蔽了浏览器的兼容问题。其实用jQuery来绑定click事件,获取event对象的结果跟angular获取的$event一摸一样,例如:
$("body").click(function(event){ ...... })
了解浏览器的兼容问题,并利用三方库屏蔽常见的兼容问题。
以上就是小编为大家带来的浅谈firefox 的event事件处理的全部内容了,希望大家多多支持脚步之家。
相关文章推荐
- apache mpm
- 回顾 Firefox 历史
- 一段非常好的滑动门[可感应触发或点击触发]兼容IE7 IE6 FireFox Opera
- Firefox 之不传秘籍
- div flash firefox div层总是被flash层遮盖
- Firefox 便携版 Portable Firefox v2.0.0.6 简体中文版 下载
- firefox下rowspan+border+border-collapse的bug
- firefox的超链接点击去除扩大的难看虚线的解决方法
- word-wrap在firefox中不起作用的解决方法
- Firefox返回时Iframe的显示Bug的解决方法
- 多浏览器下IE6 IE7 firefox li 间距问题第1/2页
- javascript兼容firefox的文本输入长度提示
- 解析IE, FireFox, Opera 浏览器支持Alpha透明的方法
- Firefox下样式设置宽度奇怪现象
- firefox css自动换行的实现方法
- firefox 扩展开发技巧
- 用JavaScript限制textarea输入长度 (For: IE、Firefox ...)[
- Mozilla Firefox v2.0.0.4 RC3 简体中文版 下载
- Firefox和IE兼容性问题及解决方法总结
- 兼容firefox的文本框只能输入两位小数的数字的代码