Java sctipt常用事件汇总介绍
鼠标单击事件
ondblclick
鼠标双击事件
onmouseover
鼠标移入事件
onmouseout
鼠标移出事件
onmousemove
鼠标移动事件
onmousedown
鼠标按下事件 用的较少
onmouseup
鼠标松开事件 用的较少
键盘事件
执行顺序：onkeydown → onkeypress → onkeyup。
onkeydown
按下键事件（包括数字键、功能键）
onkeypress
按下键事件（只包含数字键）
onkeyup
放开键事件（包括数字键、功能键）
表单事件
（1）onfocus事件； 获取焦点触发的事件
（2）onblur事件； 失去焦点触发的事件。
（3）onchange事件；下拉列表列表项的选中触发的事件是
（4）onselect事件； 单行文本框text或多行文本框textarea的文本时，会触发的事件
具有获得焦点和失去焦点事件的元素有3个：
（1）单行文本框text；
（2）多行文本框textarea；
（3）下拉列表select；
编辑事件
（1）复制事件oncopy；
（2）剪切事件oncut；
（3）粘贴事件onpaste；
页面相关事件
（1）onload（加载事件）； onload事件表示在文档加载完毕再执行的事件
window.onload=function(){
……
}
（2）onresize（页面大小事件）；
（3）onerror（出错事件）；
onscroll事件在元素滚动条在滚动时触发
addeventlistener() 方法
element.addeventlistener(event, function, usecapture);
第一个参数是事件的类型 (如 click 或 mousedown).
第二个参数是事件触发后调用的函数。
第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。
注意:不要使用 on 前缀。 例如，使用 click ,而不是使用 onclick。
向原元素添加事件句柄
element.addeventlistener(click, function(){ alert(hello world!); });
向同一个元素中添加多个事件句柄
element.addeventlistener(mouseover, myfunction);
element.addeventlistener(click, mysecondfunction);
向 window 对象添加事件句柄
window.addeventlistener(resize, function(){
document.getelementbyid(demo).innerhtml =sometext;
});
传递参数
element.addeventlistener(click, function(){ myfunction(p1, p2); });
removeeventlistener() 方法
removeeventlistener() 方法移除由 addeventlistener() 方法添加的事件句柄:
element.removeeventlistener(mousemove, myfunction);
无惧跑偏 | 微米级重复精度，纠偏传感器为精密制造赋能
Intel 11代酷睿处理器为何从十核退到八核
如何用XR806实现语音紧急呼叫系统的设计呢？
人员定位解决方案为养老院人员搭起了智慧的桥梁
MAX9614/MAX9616 低功耗高精度运算放大器
Java sctipt常用事件汇总介绍
XLNet和Bert比，有什么不同？要进行改进吗？
微软Win10正获得12月重大驱动程序更新
电子变压器到底应不应该去掉绝缘漆？
在物联网电路板设计中推动实现无线通信的因素是什么
如何让无人机实现真“无人”？
夹具刀具的选择及切削用量的确定
各品牌ARM SoC技术比较分析
电磁兼容性EMC的指令要求
关于智能汽车电子架构下的汽车线束新形态的介绍和应用分析
分库分表的21条法则速来码住（上）
永磁同步电机和交流异步电机分析
NVIDIA Jetson 月度项目：能瞄准、射门和得分的自主足球机器人
盘点2018年全球自动驾驶研发领域的重大事件及热点问题
发烧友是什么意思
ondblclick
鼠标双击事件
onmouseover
鼠标移入事件
onmouseout
鼠标移出事件
onmousemove
鼠标移动事件
onmousedown
鼠标按下事件 用的较少
onmouseup
鼠标松开事件 用的较少
键盘事件
执行顺序：onkeydown → onkeypress → onkeyup。
onkeydown
按下键事件（包括数字键、功能键）
onkeypress
按下键事件（只包含数字键）
onkeyup
放开键事件（包括数字键、功能键）
表单事件
（1）onfocus事件； 获取焦点触发的事件
（2）onblur事件； 失去焦点触发的事件。
（3）onchange事件；下拉列表列表项的选中触发的事件是
（4）onselect事件； 单行文本框text或多行文本框textarea的文本时，会触发的事件
具有获得焦点和失去焦点事件的元素有3个：
（1）单行文本框text；
（2）多行文本框textarea；
（3）下拉列表select；
编辑事件
（1）复制事件oncopy；
（2）剪切事件oncut；
（3）粘贴事件onpaste；
页面相关事件
（1）onload（加载事件）； onload事件表示在文档加载完毕再执行的事件
window.onload=function(){
……
}
（2）onresize（页面大小事件）；
（3）onerror（出错事件）；
onscroll事件在元素滚动条在滚动时触发
addeventlistener() 方法
element.addeventlistener(event, function, usecapture);
第一个参数是事件的类型 (如 click 或 mousedown).
第二个参数是事件触发后调用的函数。
第三个参数是个布尔值用于描述事件是冒泡还是捕获。该参数是可选的。
注意:不要使用 on 前缀。 例如，使用 click ,而不是使用 onclick。
向原元素添加事件句柄
element.addeventlistener(click, function(){ alert(hello world!); });
向同一个元素中添加多个事件句柄
element.addeventlistener(mouseover, myfunction);
element.addeventlistener(click, mysecondfunction);
向 window 对象添加事件句柄
window.addeventlistener(resize, function(){
document.getelementbyid(demo).innerhtml =sometext;
});
传递参数
element.addeventlistener(click, function(){ myfunction(p1, p2); });
removeeventlistener() 方法
removeeventlistener() 方法移除由 addeventlistener() 方法添加的事件句柄:
element.removeeventlistener(mousemove, myfunction);
无惧跑偏 | 微米级重复精度，纠偏传感器为精密制造赋能
Intel 11代酷睿处理器为何从十核退到八核
如何用XR806实现语音紧急呼叫系统的设计呢？
人员定位解决方案为养老院人员搭起了智慧的桥梁
MAX9614/MAX9616 低功耗高精度运算放大器
Java sctipt常用事件汇总介绍
XLNet和Bert比，有什么不同？要进行改进吗？
微软Win10正获得12月重大驱动程序更新
电子变压器到底应不应该去掉绝缘漆？
在物联网电路板设计中推动实现无线通信的因素是什么
如何让无人机实现真“无人”？
夹具刀具的选择及切削用量的确定
各品牌ARM SoC技术比较分析
电磁兼容性EMC的指令要求
关于智能汽车电子架构下的汽车线束新形态的介绍和应用分析
分库分表的21条法则速来码住（上）
永磁同步电机和交流异步电机分析
NVIDIA Jetson 月度项目：能瞄准、射门和得分的自主足球机器人
盘点2018年全球自动驾驶研发领域的重大事件及热点问题
发烧友是什么意思