JS 参考手册

JS 参考手册(类别排序) JS 参考手册(字母排序)

JavaScript

JS Array JS Boolean JS Classes JS Date JS Error JS Global JS JSON JS Math JS Number JS 运算符 JS RegExp JS 语句 JS String

HTML DOM

DOM Attributes DOM Document DOM Element DOM Events DOM Event 对象 DOM HTMLCollection DOM Location DOM Navigator DOM Screen DOM Style
alignContent alignItems alignSelf animation animationDelay animationDirection animationDuration animationFillMode animationIterationCount animationName animationTimingFunction animationPlayState background backgroundAttachment backgroundColor backgroundImage backgroundPosition backgroundRepeat backgroundClip backgroundOrigin backgroundSize backfaceVisibility border borderBottom borderBottomColor borderBottomLeftRadius borderBottomRightRadius borderBottomStyle borderBottomWidth borderCollapse borderColor borderImage borderImageOutset borderImageRepeat borderImageSlice borderImageSource borderImageWidth borderLeft borderLeftColor borderLeftStyle borderLeftWidth borderRadius borderRight borderRightColor borderRightStyle borderRightWidth borderSpacing borderStyle borderTop borderTopColor borderTopLeftRadius borderTopRightRadius borderTopStyle borderTopWidth borderWidth bottom boxShadow boxSizing captionSide caretColor clear clip color columnCount columnFill columnGap columnRule columnRuleColor columnRuleStyle columnRuleWidth columns columnSpan columnWidth counterIncrement counterReset cursor direction display emptyCells filter flex flexBasis flexDirection flexFlow flexGrow flexShrink flexWrap cssFloat font fontFamily fontSize fontStyle fontVariant fontWeight fontSizeAdjust height isolation justifyContent left letterSpacing lineHeight listStyle listStyleImage listStylePosition listStyleType margin marginBottom marginLeft marginRight marginTop maxHeight maxWidth minHeight minWidth objectFit objectPosition opacity order orphans outline outlineColor outlineOffset outlineStyle outlineWidth overflow overflowX overflowY padding paddingBottom paddingLeft paddingRight paddingTop pageBreakAfter pageBreakBefore pageBreakInside perspective perspectiveOrigin position quotes resize right scrollBehavior tableLayout tabSize textAlign textAlignLast textDecoration textDecorationColor textDecorationLine textDecorationStyle textIndent textOverflow textShadow textTransform top transform transformOrigin transformStyle transition transitionProperty transitionDuration transitionTimingFunction transitionDelay unicodeBidi userSelect verticalAlign visibility width wordBreak wordSpacing wordWrap widows zIndex
DOM Window

Web APIs

API Console API Geolocation API History API Storage

HTML 对象

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <tbody> <td> <tfoot> <th> <thead> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

其他参考手册

CSSStyleDeclaration JS 类型转换


The Event Object

❮ DOM 事件 ❮ Event 事件对象


Event 对象

DOM 中的所有事件对象都基于 Event 对象。

因此,所有其他事件对象(如 MouseEventKeyboardEvent)都可以访问 Event 对象的属性和方法。


事件属性和方法

属性/方法 描述
bubbles 返回特定事件是否为冒泡事件。
cancelBubble 设置或返回事件是否应该向上层级进行传播。
cancelable 返回事件是否可以阻止其默认操作。
composed 指示该事件是否可以从 Shadow DOM 传递到一般的 DOM。
createEvent() 创建新事件。
composedPath() 返回事件的路径。
currentTarget 返回其事件侦听器触发事件的元素。
defaultPrevented 返回是否为事件调用 preventDefault() 方法。
eventPhase 返回当前正在评估事件流处于哪个阶段。
isTrusted 返回事件是否受信任。
preventDefault() 如果可以取消事件,则将其取消,不执行属于该事件的默认操作。
stopImmediatePropagation() 防止同一事件的其他侦听器被调用。
stopPropagation() 防止事件在事件流中进一步传播。
target 返回触发事件的元素。
timeStamp 返回创建事件的时间(相对于纪元的毫秒数)。
type 返回事件名称。

事件类型

这些事件类型属于 Event 对象:

事件 描述
abort 媒体加载中止时发生该事件。
afterprint 当页面开始打印时,或者关闭打印对话框时,发生此事件。
beforeprint 即将打印页面时发生此事件。
beforeunload 在文档即将被卸载之前发生此事件。
canplay 当浏览器可以开始播放媒体时,发生此事件。
canplaythrough 当浏览器可以在不停止缓冲的情况下播放媒体时发生此事件。
change 当form元素的内容、选择的内容或选中的状态发生改变时,发生此事件
error 当加载外部文件时发生错误后,发生此事件。
fullscreenchange 当元素以全屏模式显示时,发生此事件。
fullscreenerror 当元素无法在全屏模式下显示时,发生此事件。
input 当元素获得用户输入时,发生此事件。
invalid 当元素无效时,发生此事件。
load 在对象已加载时,发生此事件。
loadeddata 媒体数据加载后,发生此事件。
loadedmetadata 加载元数据(比如尺寸和持续时间)时,发生此事件。
message 在通过此事件源接收消息时,发生此事件。
offline 当浏览器开始脱机工作时,发生此事件。
online 当浏览器开始在线工作时,发生此事件。
open 当打开与事件源的连接时,发生此事件。
pause 当媒体被用户暂停或以编程方式暂停时,发生此事件。
play 当媒体已启动或不再暂停时,发生此事件。
playing 在媒体被暂停或停止以缓冲后播放时,发生此事件。
progress 当浏览器正处于获得媒体数据的过程中时,发生此事件。
ratechange 媒体播放速度改变时发生此事件。
resize 调整文档视图的大小时发生此事件。
reset 重置表单时发生此事件。
scroll 滚动元素的滚动条时发生此事件。
search 当用户在搜索字段中输入内容时,发生此事件。
seeked 当用户完成移动/跳到媒体中的新位置时,发生该事件。
seeking 当用户开始移动/跳到媒体中的新位置时,发生该事件。
select 用户选择文本后(对于<input>和<textarea>)发生此事件
show 当 <menu> 元素显示为上下文菜单时,发生此事件。
stalled 当浏览器尝试获取媒体数据但数据不可用时,发生此事件。
submit 在提交表单时发生此事件。
suspend 当浏览器有意不获取媒体数据时,发生此事件。
timeupdate 当播放位置更改时发生此事件。
toggle 当用户打开或关闭 <details> 元素时,发生此事件。
unload 页面卸载后(对于 <body>),发生此事件。
waiting 当媒体已暂停但预期会恢复时,发生此事件。

❮ DOM 事件 ❮ Event 事件对象