您现在的位置是:网站首页> 编程资料编程资料
浅谈firefox 的event事件处理浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)
2021-09-05
880人已围观
简介 下面小编就为大家带来一篇浅谈firefox 的event事件处理。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起公司小编过来看看吧
前几天,在用angularJs实现一个功能,点击后获取event的x,y坐标时,IE9, chrome下功能正常。但是firefox报event 未定义。初始代码如下:
html:
XML/HTML Code复制内容到剪贴板
- <div class="container">
- <span class="glyphicon glyphicon-plus">span>
- <a href="#" class="linkstyle plus" ng-click="addResPop()"/>addResa>
- div>
js:
JavaScript Code复制内容到剪贴板
- $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)中访问事件对象,要这么做:
XML/HTML Code复制内容到剪贴板
- <a href="#" class="linkstyle plus" ng-click="addResPop($event)"/>addResa>
- $scope.addResPop = function($event) {
- ....
- }
注意这里要用angular的$event,它们已经替开发者屏蔽了浏览器的兼容问题。其实用jQuery来绑定click事件,获取event对象的结果跟angular获取的$event一摸一样,例如:
XML/HTML Code复制内容到剪贴板
- $("body").click(function(event){
- ......
- })
了解浏览器的兼容问题,并利用三方库屏蔽常见的兼容问题。
以上就是小编为大家带来的浅谈firefox 的event事件处理的全部内容了,希望大家多多支持脚步之家。
相关内容
- CSS美化半个字符的巧妙方法纯CSS实现设置半个字符的样式CSS字符编码引起乱码的快速解决方法总结CSS中字符编码声明使用中的一些注意点CSS实现连续字符换行的方法用css控制字符串的输出长度超出时隐藏字符串过长CSS截取多余文字并用省略号显示用css截取字符实现文字自动截断隐藏溢出文本css实现字符串截断并加省略号示例css截取字符串简单实例table中的超长字符串用省略号表示的css样式
- 详解CSS中的选择器优先级及样式层叠问题解决CSS优先级计算的规则css优先级计算方法(推荐)详解CSS中的选择器优先级顺序CSS z-index 层级关系优先级的概念CSS优先级的两种理解方式
- 不固定宽度和高度的情况下CSS调整div居中的方法总结CSS控制div宽度最大宽度/高度和最小宽度/高度的方法CSS设置HTML元素的高度与宽度的各种情况总结兼容IE6的网页最小最大宽度和最小最大高度css写法CSS的最大高度、最小高度及宽度在IE6下没有效果问题CSS控制页面最大最小宽度和高度可兼容IE6版本的实现方法CSS min-height IE6、IE7、FF下DIV自适应高度CSS IE6奇数宽度或高度的bugcss实现一个元素高度固定宽度按比例显示效果
- Less框架中将CSS强制打包到单个文件中的技巧CSS Less框架基础教程Less里css表达式的写法示例介绍LESSCSS让CSS使用起来更加灵活成就CSS动态化less让css具有动态语言的特性学习CSS预处理器:Sass和less进行对比动态的样式表lesscss:简单学习lesscss语法LESS 让css也支持变量,运算符,include,嵌套规则LESS 让css也支持变量,运算符,include,嵌套规则等等 CSS less优化
- CSS的box-align属性控制子元素布局实例解析CSS的box model盒模型及其内的子元素布局控制使用CSS3的box-sizing属性解决div宽高被内边距撑开的问题实例讲解CSS3中的box-flex弹性盒属性布局CSS3中box-shadow的用法介绍CSS3属性box-shadow使用指南CSS3属性box-sizing使用指南css3设置box-pack和box-align让div里面的元素垂直居中
- 基于CSS实现每列四行加载完一列后数据自动填充到下一列CSS3 Text Stroke(文本描边)和text-fill-color(文本填充色)调试工具CSS3 Animation 制作按钮鼠标滑过动画填充背景特效源码(13种)简单掌握CSS3将文字描边及填充文字颜色的方法两个div左边的固定宽度右边的自动填充的csscss 如何让背景图片拉伸填充避免重复显示CSS教程:盒模型(BOX Model)-CSS教程-网页制作-网页教学网
- CSS颜色体系学习小结(推荐)CSS3中各种颜色属性的使用教程CSS实现大小相同、颜色深浅不一的粒子旋转加载动画CSS3中currentColor关键字的妙用使用CSS3的::selection改变选中文本颜色的方法css实现兼容火狐、IE的LI奇偶行颜色交替方法CSS中对RGB颜色的使用详解CSS3中颜色线性渐变实战使用CSS3的背景渐变Text Gradient 创建文字颜色渐变可自定义进度条颜色的CSS3动画进度条源码采用CSS3实现的表面颜色可渐变3D立方体动画特效源码
- 浅谈css命名规则(新手必看)值得收藏的CSS命名规范(规则)常用的CSS命名规则 CSS命名规则和命名方法常用的 css 命名规则(推荐)CSS语义化命名方式及常用命名规则CSS书写规范、顺序和命名规则常用的CSS命名规则 web标准化设计编写CSS代码时样式的命名规则CSS 样式命名规则CSS 文件命名规则CSS的class与id常用的命名规则
- 关于css水平居中的小小探讨浅谈css处理水平居中的问题Flexbox制作CSS布局实现水平垂直居中的简单实例css水平居中的各种方法总结(推荐)浅析CSS实现水平垂直同时居中的5种思路CSS实现水平居中的4种思路简要概述css三种方法实现div在浏览器水平居中CSS水平居中总结(新手必看篇)
- 纯CSS绘制三角形箭头图案技术解析CSS绘制三角形的实现代码(border法)利用css绘制三角形的方法及拓展Html+CSS绘制三角形图标css绘制透明三角形用CSS3绘制三角形的简单方法纯CSS绘制三角形箭头效果用CSS代码绘制三角形 纯CSS绘制三角形的代码CSS中三角形的绘制与巧妙应用实例详解