事件 event
btn.addEventListener(“click”, function(){
alert(this.id);
}, false);
btn.removeEventListener(“click”, function(){
alert(this.id);
}, false);
object.onclick = myfunc 等同于 object.addEventListener("click", myfunc, false);
事件默认被添加到冒泡阶段,使用onclick这样方式添加的事件处理被认为是该元素对象的方法,因此this指向该对象,可以获取该元素属性,this.id
object.attachEvent("onclick", myfunc); // 记得要加上on,另外使用这里的this指向的是window对象,而不是元素对象,添加多个事件触发顺序相反,ie 的 attachEvent 的事件处理程序是被引用的,而不是拷贝的,所以this 总是指向 window
alert(window.event.srcElement === this); //IE添加事件监听方式不同,结果也不同,应该使用event.srcelement取代this
alert(event.srcElement === this); //this指向window
object.onclick = myfunc
object.onclick = myfunc2
注意的是DOM Level 0只能添加一个处理函数,后面分配的会取代前面分配的
事件委托:
addHandler: function(element, type, handler){if (element.addEventListener){
element.addEventListener(type, handler, false);
} else if (element.attachEvent){
element.attachEvent(“on” + type, handler);
} else {
element[“on” + type] = handler;
}
},removeHandler: function(element, type, handler){if (element.removeEventListener){
element.removeEventListener(type, handler, false);
} else if (element.detachEvent){
element.detachEvent(“on” + type, handler);
} else {
element[“on” + type] = null;
}
}
if (window.event) {
return this.formatEvent(window.event);
} else {
return EventUtil.getEvent.caller.arguments[0];
}
};
alert(event.eventPhase); //3
orientationchange 事件在IOS设备上支持,检测手机的摆放状态,其中window.orientation属性0竖着,90向左转90度,-90向右转90度,因为这是window的事件,因此可以在body上用onorientationchange属性触发
if(window.orientation=='-90' || window.orientation=='90'){$('.landscape-wrap').removeClass('hide');console.log('为了更好的体验,请将手机/平板竖过来!');}else{$('.landscape-wrap').addClass('hide');console.log('竖屏状态');}
转载于:https://www.cnblogs.com/chuangweili/p/5166254.html
事件 event相关推荐
- C#事件(event)解析
原文:http://www.cnblogs.com/michaelxu/archive/2008/04/02/1134217.html 事件(event),这个词儿对于初学者来说,往往总是显得有些神秘 ...
- python 同步 事件 event 简介
目录 1. Event 1.1 set() 1.2 wait() 1.3 clear() 1.4 is_set() 2. 协调线程同步 3. 一个更复杂的例子 事件 Event是另一种python多线 ...
- 秒杀多线程第六篇 经典线程同步 事件Event
阅读本篇之前推荐阅读以下姊妹篇: <秒杀多线程第四篇 一个经典的多线程同步问题> <秒杀多线程第五篇 经典线程同步关键段CS> 上一篇中使用关键段来解决经典的多线程同步互斥问题 ...
- [数据库] Navicat for MySQL事件Event实现数据每日定期操作
在我们操作数据库过程中,通常会遇到一些某个时间点操作数据库的问题,例如: (1).每天凌晨12点对数据库进行定时备份,结算和汇总: (2).每天凌晨2点删除数据库前三天 ...
- C#总结(二)事件Event 介绍总结
最近在总结一些基础的东西,主要是学起来很难懂,但是在日常又有可能会经常用到的东西.前面介绍了 C# 的 AutoResetEvent的使用介绍, 这次介绍事件(event). 事件(event),对于 ...
- 线程queue、事件event及协程
线程queue.事件event及协程 线程queue 多线程抢占资源,让其保持串行的两种方式: 1.互斥锁 2.队列 线程队列分为以下三种: 1.Queue(先进先出) import queu ...
- 事件EVENT,WaitForSingleObject(),WaitForMultipleObjecct()和SignalObjectAndWait() 的使用(上)
用户模式的线程同步机制效率高,如果需要考虑线程同步问题,应该首先考虑用户模式的线程同步方法.但是,用户模式的线程同步有限制,对于多个进程之间的线程同步,用户模式的线程同步方法无能为力.这时,只能考虑使 ...
- Python 线程事件 Event - Python零基础入门教程
目录 一.Python 线程事件 Event 函数介绍 二.Python 线程事件 Event 原理 三.Python 线程事件 Event 使用 四.重点总结 五.猜你喜欢 零基础 Python 学 ...
- 事件EVENT与waitforsingleobject的使用以及Mutex与Event的区别
Mutex与Event控制互斥事件的使用详解最近写一程序,误用了Mutex的功能,错把Mutex当Event用了.[Mutex]使用Mutex的主要函数:CreateMutex.ReleaseMute ...
- JS-图片其他事件-Event对象-事件委托-DOM对象
JS-图片其他事件-Event对象-事件委托-DOM对象 1 回顾 1. 事件回调函数中 this 的指向2. 鼠标事件click dblclick contextmenumouseenter mou ...
最新文章
- Scrum vs Kanban,如何选择?
- 我如何进入Docker容器的shell?
- c++ 低位在前 高位在后_生意社:醋酸市场前三季度区间震荡 四季度一飞冲天
- 安装python38_debian8安装python3.7
- matlab 工业相机 曝光时间_CCD高清工业相机的主要参数及应用
- final方法覆盖与重载问题以及不同访问权限问题
- 少走弯路,给3~5年程序员的唯一一条建议
- 346雷达有多少tr组件_有源相控阵的天线设计的核心:T/R组件
- Linux下Node.js安装及环境配置
- CentOS node,npm,cnpm 环境部署
- nor flash与nand flash启动的简单比较--APPLE的ARM学习笔记一
- java json处理入门
- 【渝粤教育】广东开放大学 集体谈判与集体合同 形成性考核 (30)
- 计算机信息系统安全管理包括什么,计算机信息系统的运行安全包括什么
- 浅谈机器学习-回归与分类的区别
- 基于GCN和句法依存分析的情感分析
- 4_竞赛无人机基本自动飞行支持函数与导航控制函数解析——零基础学习竞赛无人机搭积木式编程
- Dota 游戏中的攻击与伤害分析
- CSS3回炉计划-编码技巧
- 【论文阅读】ICRA2021: VDB-EDT An Efficient Euclidean Distance Transform Algorithm Based on VDB Data Struct
热门文章
- Ubuntu下安装-有道词典
- ❤️java多线程并发编程入门 教程合集❤️
- 区块链 智能合约安全 重入攻击(re-entrancy attack)DAO incident
- Go 并发 多线程 goroutine channel 实例
- FISCO BCOS PBFT是什么 基础流程
- kubernetes视频教程笔记 (24)-存储-PV和PVC
- Spring学习(二)代理模式(静态代理、动态代理)、Spring AOP
- JDBC14 ORM03 JavaBean封装
- java中的url进行编码和解码
- 简述旋转编码器的工作原理_绝对值编码器工作原理以及故障处理方法有哪些?...