element tabs 添加事件_JavaScript-跨浏览器事件处理程序-Web前端教程
Web前端教程
事件对象属于内核对象,它包含一个使用计数,一个用于标识该事件是一个自动重置还是一个人工重置的布尔值,和另一个用于指定该事件处于已通知状态还是未通知状态的布尔值。
由上面所述,可见事件对象可分为两种,一种是人工重置的,另一种是自动重置的。当人工重置的事件得到通知时,等待该事件的所有线程均变为可调度线程。而当一个自动事件得到通知时,等待该事件的所有线程中只有一个线程变为可调度线程。
Javascript-跨浏览器事件处理程序(EventUtil)
事件操作对象:
varEventUtil={
//添加事件
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}elseif(element.attachEvent){//IE
element.attachEvent("on"+type,handler,false);
}else{
element["on"+type]=handler;
}
},
//移除对象
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}elseif(element.detachEvent){//IE
element.detachEvent("on"+type,handler,false);
}else{
element["on"+type]=null;
}
},
//获取事件对象
getEvent:function(event){
returnevent?event:window.event;
},
//获取目标对象
getTarget:function(event){
returnevent.target||event.srcElement;
},
//取消默认事件
preventDefault:function(event){
if(event.preventDefault){
event.preventDefault();
}else{
event.returnValue;
}
},
//停止冒泡
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;
}
}
};
创建事件对象,可以调用WindowsAPI中的CreateEvent。它可以创建一个有名的或匿名的事件对象。
以上是酷仔今日整理的“JavaScript-跨浏览器事件处理程序-Web前端教程”一文,希望为正在学习Web前端的同学提供参考。
element tabs 添加事件_JavaScript-跨浏览器事件处理程序-Web前端教程相关推荐
- 【前端】跨浏览器事件处理程序EventUtil.js个人注释及详解
<javascript高级程序设计>跨浏览器事件处理程序EventUtil.js个人注释 EventUtil.js // 跨浏览器事件处理程序封装 var EventUtil = {// ...
- js监听多个事件_JavaScript中的事件与异常捕获解析
这篇文章主要给大家介绍了关于JavaScript中事件与异常捕获的相关资料,文中通过示例代码介绍的非常详细,写的十分的全面细致,具有一定的参考价值,对此有需要的朋友可以参考学习下.如有不足之处,欢迎批 ...
- js离焦事件_JavaScript中的事件
常见事件 /*常见的事件: 1. 点击事件: 1. onclick:单击事件 2. ondblclick:双击事件 2. 焦点事件 1. onblur:失去焦点. * 一般用于表单验证 2. onfo ...
- java js id的点击事件_JavaScript中点击事件的写法
click var btn=document.getElementById('btn'); 第一种: btn.οnclick=function(){ alert('hello world'); } 消 ...
- HTML运行到浏览器自动刷新,web前端开发之热加载—liveReload(浏览器自动刷新)...
今天主要写一下,如何配置,保存前端代码后,浏览器自动刷新的功能,双屏操作,真的会方便很多,对于前端开发来说,一边写样式,一边看效果,爽翻~ 图片发自简书App 一.开发环境 1.电脑系统:mac 2. ...
- javascript --- DOM0级、DOM2级、跨浏览器 的事件处理程序
DOM0级事件处理程序: // 使用DOM0级方法指定的事件处理程序被认为是元素的方法 // 这个时候的事件处理程序是在元素的作用域中运行: <div id = "myBtn" ...
- DOM(十四):代理检测和事件处理(跨浏览器)
一.检测 用于用户代理检测,检测范围包括浏览器引擎.平台.Windows.移动设备和游戏系统等 /* *用户代理检测脚本,检测范围包括浏览器引擎.平台.Windows.移动设备和游戏系统 */ var ...
- web前端—前端三剑客之JS(13):BOM基础、浏览器窗口
菜鸟教程:https://www.runoob.com/js/js-window.html BOM基础 BOM(browser Object Model)是浏览器对象模型.在浏览器中window就是B ...
- JavaScript --- 跨浏览器的事件对象
var EventUtil={addHandler: function(element, type, handler){ // 添加事件方法if (element.addEventListener){ ...
最新文章
- LeetCode 7 反转整数
- leetcode 611. Valid Triangle Number | 611. 有效三角形的个数(Java)
- python学习-字符串的基本操作
- C++ Primer 有感(new和delete表达式)
- 啥?这就是一个高级报表/BI数据分析工程师的一天?
- 【转载】 C#使用string.IsNullOrWhiteSpace方法判断字符串是否为非空字符
- “鸿蒙”来了?华为或将于开发者大会公布鸿蒙系统
- httperf ---linux web站点压力测试
- J2EE开发时的包命名规则
- android 监听通知栏点击事件,android使用NotificationListenerService监听通知栏消息
- 网页视频无法快进播放时(刷网课)
- hog特征的matlab实现
- 再写轮播图——两张图切换,一张充当背景并且模糊,一张做展示图
- html5京东页面布局,京东移动端页面布局(一)
- 用计算机玩吃鸡,W10电脑系统玩吃鸡游戏会卡顿怎么办
- 证件照(1寸2寸)拍摄处理知识汇总
- 统计学期末重点讲解(医学)
- Android APK上架 应用宝 没有 固件版本 不显示
- 信息收集之通过JS拓展信息面
- tkinter模块 视窗设计相关操作
热门文章
- 使用php语言 统计字符串,php如何查询字符串长度
- Loading动画加载素材模板,UI设计师好帮手
- lambert(兰伯特)投影 应用工具_全息投影技术,在哪些场地可以用到
- 最短寻道时间算法c语言,如果北京到上海有千亿条路,寻找最短路径用C语言编程用枚举法没效率,应该用什么算法才能高效解决它?...
- Go语言学习Day04
- 字符串去空格符(c++)
- Cookie,Session解决用户的会话跟踪问题
- python pyqt教程_『开发技巧』PyQt5入门教程
- python如何编辑pdf_python3.6 导入并编辑pdf 错误在哪里啊
- python创建类和类方法