1、Event 接口表示在 DOM 中出现的事件。
一些事件是由用户触发的,例如鼠标或键盘事件;而其他事件常由 API 生成,例如指示动画已经完成运行的事件,视频已被暂停等等。事件也可以通过脚本代码触发,例如对元素调用 HTMLElement.click() 方法,或者定义一些自定义事件,再使用 EventTarget.dispatchEvent() 方法将自定义事件派发往指定的目标(target)。
有许多不同类型的事件,其中一些使用基于 Event
主接口的二次接口。Event
本身包含适用于所有事件的属性和方法。
很多DOM元素可以被设计接收(或者监听) 这些事件, 并且执行代码去响应(或者处理)它们。通过EventTarget.addEventListener()方法可以将事件处理函数绑定到不同的HTML elements上 (比如<button>
, <div>
, <span>
等等) 。
属性
Event.bubbles 只读
一个布尔值,用来表示该事件是否会在 DOM 中冒泡。
Event.cancelable 只读
一个布尔值,表示事件是否可以取消。
Event.currentTarget 只读
对事件当前注册的目标的引用。这是一个当前计划将事件发送到的对象。它是有可能在重定向的过程中被改变的。
Event.defaultPrevented 只读
一个布尔值,表示 event.preventDefault() 方法是否取消了事件的默认行为。
Event.originalTarget 只读
重设目标前的事件原始目标 (Mozilla 专有属性)。
Event.target 只读
对事件原始目标的引用,这里的原始目标指最初派发(dispatch)事件时指定的目标。
Event.type 只读
事件的类型,不区分大小写。
Event.isTrusted 只读
表示事件是由浏览器(例如用户点击)发起的,还是由脚本(使用事件创建方法,例如 Event.initEvent)发出的。
......
方法
Event.createEvent()
创建一个新事件,如果使用此方法创建事件,则必须调用其自身的 initEvent() 方法,对其进行初始化。
event.initEvent
为通过 Event.createEvent() 创建的事件初始化。该方法对已经被派发的事件无效。
event.preventDefault
取消事件(如果该事件可取消)。
event.stopPropagation
停止冒泡,阻止事件在 DOM 中继续冒泡。
......
2、Event.preventDefault方法会阻止当前事件的处理行为:
案例一: 阻止默认的跳转事件
<a href="//w3cschool.cc/" id='a'>Go to W3Cschool.cc</a>
<script>
document.getElementById('a').onclick = function(event){
event.preventDefault();
}
</script>
案例二:在编辑域中阻止按键
<input type="text" id="textbox">
<script>
document.getElementById('textbox').addEventListener('keypress', checkName, false);
function checkName(evt) {
var charCode = evt.charCode;
if (charCode != 0) {
if (charCode < 97 || charCode > 122) {
evt.preventDefault();
console.log(
"Please use lowercase letters only."
+ "n" + "charCode: " + charCode + "n"
);
}
}
}
</script>
3、ErrorEvent 事件对象在脚本发生错误时产生,它可以提供发生错误的脚本文件的文件名,以及发生错误时所在的行号等信息。
属性:
除了从 Event 接口继承来的属性外,还有下面这些自身属性。
ErrorEvent.prototype.message 只读
一个字符串,包含了所发生错误的描述信息。
ErrorEvent.prototype.filename 只读
一个 字符串,包含了发生错误的脚本文件的文件名。
ErrorEvent.prototype.lineno 只读
一个数字,包含了错误发生时所在的行号。
ErrorEvent.prototype.colno 只读
一个数字,包含了错误发生时所在的列号。
ErrorEvent.prototype.error 只读
发生错误时所抛出的 Error 对象。
方法:
除了从 Event 接口继承来的方法外,没有其他方法。
4、User Agent:
HTTP头User Agent中文名为用户代理,简称 UA,它是一个特殊字符串头,使得服务器能够识别客户使用的操作系统及版本、CPU 类型、浏览器及版本、浏览器渲染引擎、浏览器语言、浏览器插件等。一些网站常常通过判断 UA 来给不同的操作系统、不同的浏览器发送不同的页面,因此可能造成某些页面无法在某个浏览器中正常显示,但通过伪装 UA 可以绕过检测。
浏览器的UA字串标准格式为: 浏览器标识 (操作系统标识; 加密等级标识; 浏览器语言) 渲染引擎标识 版本信息(但是不同的浏览器的格式是不同的,大体都包括这些内容)。
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。