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 类型转换


HTML DOM MouseEvent 事件对象

❮ DOM 事件 ❮ Event 事件对象


MouseEvent 事件对象

鼠标与 HTML 文档交互时发生的事件属于 MouseEvent 对象。


MouseEvent 属性和方法

属性/方法 描述
altKey 返回触发鼠标事件时是否按下了 "ALT" 键。
button 返回触发鼠标事件时按下的鼠标按钮。
buttons 返回触发鼠标事件时按下的鼠标按钮。
clientX 返回触发鼠标事件时,鼠标指针相对于当前窗口的水平坐标。
clientY 返回触发鼠标事件时,鼠标指针相对于当前窗口的垂直坐标。
ctrlKey 返回按键鼠标事件时是否按下了 "CTRL" 键。
getModifierState() 如果指定的键被激活,则返回 true。
metaKey 返回事件触发时是否按下了 "META" 键。
movementX 返回相对于上一 mousemove 事件的位置的鼠标指针的水平坐标。
movementY 返回相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标。
offsetX 返回鼠标指针相对于目标元素边缘位置的水平坐标。
offsetY 返回鼠标指针相对于目标元素边缘位置的垂直坐标。
pageX 返回触发鼠标事件时鼠标指针相对于文档的水平坐标。
pageY 返回触发鼠标事件时鼠标指针相对于文档的垂直坐标。
region  
relatedTarget 返回与触发鼠标事件的元素相关的元素。
screenX 返回触发事件时鼠标指针相对于屏幕的水平坐标。
screenY 返回触发事件时鼠标指针相对于屏幕的垂直坐标。
shiftKey 返回事件触发时是否按下了 "SHIFT" 键。
which 返回触发鼠标事件时按下的鼠标按钮。

继承的属性和方法

MouseEvent 从以下对象继承了所有的属性和方法:

UiEvent

Event 对象


事件类型

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

事件 描述
onclick 当用户单击元素时发生此事件。
oncontextmenu 当用户右键单击某个元素以打开上下文菜单时,发生此事件。
ondblclick 当用户双击元素时发生此事件。
onmousedown 当用户在元素上按下鼠标按钮时,发生此事件。
onmouseenter 当指针移动到元素上时,发生此事件。
onmouseleave 当指针从元素上移出时,发生此事件。
onmousemove 当指针在元素上方移动时,发生此事件。
onmouseout 当用户将鼠标指针移出元素或其中的子元素时,发生此事件。
onmouseover 当指针移动到元素或其中的子元素上时,发生此事件。
onmouseup 当用户在元素上释放鼠标按钮时,发生此事件。

❮ DOM 事件 ❮ Event 事件对象