巧用Javascript的逻辑运算符


Posted in Javascript onDecember 02, 2016
domObj.onkeydown = function(e){
 if(e){
 e.……
 }else{
 event.……
 }
}

上面例子:如果是火狐浏览器执行if里面的语句,即使用e这个参数,来引用“事件对象”。

 如果是IE浏览器则执行else里面的语句,即使用event来引用“事件对象”。

这是为了兼容两个浏览器而使用的if判断方法,来使用事件对象。

domObj.onkeydown = function(e){ 
 var oevent = e||event; 
 oevent.……
}

上面例子:通过使用“或”这个逻辑运算符的特性,来自动判断应该使用那个做为事件对象的引用。

解释:e || event ;

如果是IE浏览器,那么e不能做为事件对象的引用,为假。event为真,那么event就会赋值给var oevent = event;

反之在火狐浏览器,那么event不能做为事件对象的引用,为假。e为真,那么e就会赋值给 var oevent = e;

所以无论在那个浏览器下面,oevent都可以正确的引用事件对象!这种写法,比前面的if(){}else{}感觉要优雅些!

以上就是本文的全部内容,希望对大家有所帮助,谢谢对三水点靠木的支持!

Javascript 相关文章推荐
JavaScript高级程序设计 扩展--关于动态原型
Nov 09 Javascript
JS求平均值的小例子
Nov 29 Javascript
IE中图片的onload事件无效问题和解决方法
Jun 06 Javascript
解决checkbox的attr(checked)一直为undefined问题
Jun 16 Javascript
TypeScript Type Innference(类型判断)
Mar 10 Javascript
easyui-edatagrid.js实现回车键结束编辑功能的实例
Apr 12 Javascript
浅谈JS对html标签的属性的干预以及对CSS样式表属性的干预
Jun 25 Javascript
浅谈Angular路由复用策略
Oct 04 Javascript
详解webpack-dev-server使用http-proxy解决跨域问题
Jan 13 Javascript
解决微信小程序中转换时间格式IOS不兼容的问题
Feb 15 Javascript
初学node.js中实现删除用户路由
May 27 Javascript
详解Vue之计算属性
Jun 20 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 #Javascript
Javascript之面向对象--接口
Dec 02 #Javascript
Javascript之面向对象--封装
Dec 02 #Javascript
JavaScript制作弹出层效果
Dec 02 #Javascript
Javascript之面向对象--方法
Dec 02 #Javascript
详解基于javascript实现的苹果系统底部菜单
Dec 02 #Javascript
Vue.js组件tree实现省市多级联动
Dec 02 #Javascript
You might like
php imagecreatetruecolor 创建高清和透明图片代码小结
2010/05/15 PHP
php include加载文件两种方式效率比较
2010/08/08 PHP
PHP插入排序实现代码
2013/04/04 PHP
浅析PHP原理之变量分离/引用(Variables Separation)
2013/08/09 PHP
php发送post请求函数分享
2014/03/06 PHP
PHP并发查询MySQL的实例代码
2017/08/09 PHP
laravel通过a标签从视图向控制器实现传值
2019/10/15 PHP
JXTree对象,读取外部xml文件数据,生成树的函数
2007/04/02 Javascript
Mootools 1.2教程 选项卡效果(Tabs)
2009/09/15 Javascript
jQuery 验证插件 Web前端设计模式(asp.net)
2010/10/17 Javascript
setTimeout的延时为0时多个浏览器的区别
2012/05/23 Javascript
关于IE BUG与字符串截取substr的解决办法
2013/04/10 Javascript
采用自执行的匿名函数解决for循环使用闭包的问题
2014/09/11 Javascript
JS实现控制表格行文本对齐的方法
2015/03/30 Javascript
webpack2.0搭建前端项目的教程详解
2017/04/05 Javascript
使用jQuery.Pin垂直滚动时固定导航
2017/05/24 jQuery
vue高德地图之玩转周边
2017/06/16 Javascript
Vue.js在数组中插入重复数据的实现代码
2017/11/17 Javascript
node.js自动上传ftp的脚本分享
2018/06/16 Javascript
解决angularJS中input标签的ng-change事件无效问题
2018/09/13 Javascript
CKEditor 4.4.1 添加代码高亮显示插件功能教程【使用官方推荐Code Snippet插件】
2019/06/14 Javascript
d3.js实现图形拖拽
2019/12/19 Javascript
微信小程序吸底区域适配iPhoneX的实现
2020/04/09 Javascript
Python中random模块生成随机数详解
2016/03/10 Python
python2.7 json 转换日期的处理的示例
2018/03/07 Python
HTML table 表格边框的实现思路
2019/10/12 HTML / CSS
HTML5单选框、复选框、下拉菜单、文本域的实现代码
2020/12/01 HTML / CSS
面向对象设计的原则是什么
2013/02/13 面试题
亮化工程实施方案
2014/03/17 职场文书
乡镇个人对照检查材料
2014/08/22 职场文书
病危通知单
2015/04/17 职场文书
班主任开场白
2015/06/01 职场文书
2015国庆节放假通知范文
2015/07/30 职场文书
Python如何导出导入所有依赖包详解
2021/06/08 Python
Python可视化学习之seaborn绘制矩阵图详解
2022/02/24 Python
Spring中bean集合注入的方法详解
2022/07/07 Java/Android