Javascript——GlobalEventHandlers

参考:https://developer.mozilla.org/en-US/docs/Web/API/Element

GlobalEventHandlers描述了一系列web worker（如HTMLElement, Document, Window或 WorkerGlobalScope）的事件接口。这里面每一个接口都可添加更多的事件句柄。

事件	属性	描述
abort	onabort	中止文档加载
blur	onblur	元素失去焦点时触发模糊事件
cancel	oncancel	当用户需要离开一个<dialog>元素时触发，不会向上传递
canplay	oncanplay	当用户代理能够播放媒体时canplay事件被触发
canplaythrough	oncanplaythrough	当用户代理可播放媒体资源并可播放至其结束而不必进一步缓冲内容时触发
change	onchange	可以用来获取或设置当前元素的change事件的事件处理函数
click	onclick	用户点击一个元素时会触发 click 事件，运行在 mousedown 和 mouseup 后
close	onclose	用于处理发送到<dialog>元素的关闭事件
contextmenu	oncontextmenu	在窗口上单击鼠标右键时会触发contextmenu事件
cuechange	oncuechange	当TextTrack更改了当前显示的提示时将触发cuechange事件
dblclick	ondblclick	用户双击元素时将引发dblclick事件。,在两次单击事件后触发
durationchange	ondurationchange	当duration属性已更新时，触发durationchange事件
ended	onended	当由于媒体已到达末尾而停止播放时，触发end事件
error	onerror	当资源加载失败时，会在启动加载的元素上触发使用接口Event的错误事件，并调用该元素上的onerror（）处理函数
focus	onfocus	当用户将焦点设置在元素上时，引发焦点事件
gotpointercapture	ongotpointercapture	用于处理gotpointercapture事件
input	oninput	用于处理<input>，<select>和<textarea>元素上的输入事件。 它还在打开contenteditable或designMode的元素上处理这些事件
invalid	oninvalid	当检查了一个可提交元素并且不满足其约束时，将触发无效事件
keydown	onkeydown	用户按下键盘时触发
keypress	onkeypress	当用户按下键盘上的某个键时应触发keypress事件。 但实际上浏览器不会触发某些按键的按键事件。已被弃用。
keyup	onkeyup	当用户释放先前按下的键时会触发keyup事件
load	onload	用于处理Window，XMLHttpRequest，<img>元素等上的加载事件。当加载给定资源时，将触发load事件。
loadeddata	onloadeddata	用于处理已加载数据事件的EventHandler。当媒体的第一帧完成加载时，将触发loadeddata事件。
loadedmetadata	onloadedmetadata	用于处理已加载的元数据事件的EventHandler。加载元数据后，将触发loadedmetadata事件。
loadend	onloadend	引发loadend事件时（资源加载进度停止时）要调用的代码。
loadstart	onloadstart	引发loadstart事件时（资源加载开始时）要调用的代码。
lostpointercapture	onlostpointercapture	用于处理lostpointercapture事件。
mousedown	onmousedown	当用户按下鼠标按钮时，将触发mousedown事件。
mouseenter	onmouseenter	当将指针设备（通常是鼠标）移到连接了侦听器的元素上时，触发mouseenter事件。
mouseleave	onmouseleave	当将指针设备（通常是鼠标）从连接了侦听器的元素上移开时，触发mouseleave事件。
mousemove	onmousemove	用户移动鼠标时将触发mousemove事件
mouseout	onmouseout	当鼠标离开元素时，将触发mouseout事件
mouseover	onmouseover	当用户将鼠标移到特定元素上时，将触发mouseover事件
mouseup	onmouseup	用户释放鼠标按钮时，将触发mouseup事件。
pause	onpause	当媒体播放已暂停时，将触发pause事件。
play	onplay	用于处理播放事件的EventHandler。
pointercancel	onpointercancel	处理指针取消事件的EventHandler。
pointerdown	onpointerdown	用于指定指标下降事件的事件处理程序，在最初按下指针设备时触发。
pointerenter	onpointerenter	处理指针事件的EventHandler。
pointerleave	onpointerleave	指针离开事件的全局事件处理程序，当指针（鼠标光标，指尖等）离开其命中测试区域（例如，如果光标离开元素或窗口的内容区域）时，将传递给节点。
pointermove	onpointermove	处理指针移动事件的EventHandler。
pointerout	onpointerout	处理指针事件的EventHandler。
pointerover	onpointerover	处理指针转换事件的EventHandler。
pointerup	onpointerup	处理指针事件的EventHandler。
reset	onreset	处理重置事件的EventHandler。当用户单击表单（<input type =“ reset”>）中的重置按钮时，将触发重置事件。
resize	onresize	用于处理调整大小的事件。调整大小窗口后，将触发resize事件。
scroll	onscroll	处理滚动事件。当用户，Web API或用户代理滚动了文档视图或元素时，触发滚动事件。onwheel处理一般的车轮旋转，而onscroll处理对象内容的滚动。
select	onselect	处理选择事件的EventHandler。选择事件仅在选择<input type =“ text”>或<textarea>中的文本之后才会触发。
selectionchange	onselectionchange	处理选择更改事件的EventHandler。当网页上选定的文本更改时，会触发selectionchange事件。
selectstart	onselectstart	处理选择启动事件的EventHandler。当用户开始在网页上进行新的文本选择时，触发selectstart事件。
submit	onsubmit	处理提交事件的EventHandler。用户提交表单时将触发Submit事件。
transitioncancel	ontransitioncancel	取消CSS过渡时，将发送transitioncancel事件。 在以下情况下取消转换：应用于目标的过渡属性属性的值已更改，显示属性设置为“无”。转换在完成之前就已停止，例如通过将鼠标从悬停过渡元素上移开。
transitionend	ontransitioned	当CSS转换完成时，将发送transitionend事件。如果在转换完成执行之前将转换从其目标节点中删除，则不会生成tr事件。发生这种情况的一种方法是通过更改应用于目标的过渡属性的值。 另一个是将display属性设置为“ none”。
wheel	onwheel	当用户旋转鼠标（或其他定点设备）滚轮时，将触发滚轮事件。

onkeydown和onkeyup不区分字母大小写，onkeypress区分字母大小写。
实际开发中，更多使用keydown和keyup，能识别所有键（包括功能键）
Keypress不识别功能键，但keyCode属性能区分大小写，返回不同ASCII值

    检测用户是否按下s键，如果按下，就把光标定位到搜索框
    使用键盘事件对象的keyCode判断用户按下的是否是s键
    搜索框获得焦点：使用js里面的focus()方法↓

        <input type="text">
        <script>
            var search = document.querySelector('input');
            document.addEventListener('keyup', function(e) {
                //console.log(e.keyCode);
                if (e.keyCode === 83){
                    search.focus();
                }
            })
        </script>