Obhaji HTML DOM Event
- Tun ɗaya HTML ɗanɗin
- Ɗauki ɗaya HTML Event ɗanɗin
Obhaji HTML DOM Event
HTML DOM events ƙaƙara JavaScript ta ƙarewa da different event handlers a cikin elements na HTML document.
events kaiyawa da functions, kuma functions bai iya shaƙe har ma events ba a iya shaƙe (misali lokaci dubuɗen yana kai kaiyan).
events doni karɗe tutar doni karɗe tutar kan events, karɗe tutar niiJavaScript 事件 tutar
| . | توضیح | مردم |
|---|---|---|
| dubuɗen yana fara shaƙe lokaci event | dubuɗen yana fara shaƙe lokaci abort | |
| abort | dubuɗen yana fara shaƙe lokaci afterprint | Event |
| afterprint | dubuɗen yana fara shaƙe lokaci animationend | AnimationEvent |
| animationend | dubuɗen yana fara shaƙe lokaci animationiteration | AnimationEvent |
| animationiteration | dubuɗen yana fara shaƙe lokaci animationstart | AnimationEvent |
| animationstart | dubuɗen yana fara shaƙe lokaci beforeprint | Event |
| beforeprint | dubuɗen yana fara shaƙe lokaci beforeunload | |
| beforeunload | dubuɗen yana fara shaƙe lokaci blur | FocusEvent |
| blur | dubuɗen yana fara shaƙe lokaci canplay | Event |
| canplaythrough | dubuɗen yana fara shaƙe lokaci can | Event |
| change | dubuɗen yana fara shaƙe lokaci kaɗa | Event |
| click | dubuɗen yana fara shaƙe lokaci kai | MouseEvent |
| contextmenu | dubuɗen yana fara shaƙe lokaci kara | MouseEvent |
| copy | dubuɗen yana fara shaƙe lokaci wuce | ClipboardEvent |
| cut | dubuɗen yana fara shaƙe lokaci kare | ClipboardEvent |
| dblclick | dubuɗen yana fara shaƙe lokaci dubuɗu | MouseEvent |
| drag | dubuɗen yana fara shaƙe | DragEvent |
| dragend | 当用户完成拖动元素后，发生此事件。 | DragEvent |
| dragenter | 当拖动的元素进入放置目标时，发生此事件。 | DragEvent |
| dragleave | 当拖动的元素离开放置目标时，发生此事件。 | DragEvent |
| dragover | 当拖动的元素位于放置目标之上时，发生此事件。 | DragEvent |
| dragstart | 当用户开始拖动元素时发生此事件。 | DragEvent |
| drop | 当将拖动的元素放置在放置目标上时，发生此事件。 | DragEvent |
| durationchange | 媒体时长改变时发生此事件。 | Event |
| ended | 在媒体播放到尽头时发生此事件。 | Event |
| error | 当加载外部文件时发生错误后，发生此事件。 | |
| focus | 在元素获得焦点时发生此事件。 | FocusEvent |
| focusin | 在元素即将获得焦点时发生此事件。 | FocusEvent |
| focusout | 在元素即将失去焦点时发生此事件。 | FocusEvent |
| fullscreenchange | 当元素以全屏模式显示时，发生此事件。 | Event |
| fullscreenerror | 当元素无法在全屏模式下显示时，发生此事件。 | Event |
| hashchange | 当 URL 的锚部分发生改变时，发生此事件。 | HashChangeEvent |
| input | 当元素获得用户输入时，发生此事件。 | |
| invalid | 当元素无效时，发生此事件。 | Event |
| keydown | 当用户正在按下键时，发生此事件。 | KeyboardEvent |
| keypress | 当用户按下键时，发生此事件。 | KeyboardEvent |
| keyup | 当用户松开键时，发生此事件。 | KeyboardEvent |
| load | 在对象已加载时，发生此事件。 | |
| loadeddata | 媒体数据加载后，发生此事件。 | Event |
| loadedmetadata | 加载元数据（比如尺寸和持续时间）时，发生此事件。 | Event |
| loadstart | 当浏览器开始查找指定的媒体时，发生此事件。 | ProgressEvent |
| message | 在通过此事件源接收消息时，发生此事件。 | Event |
| mousedown | 当用户在元素上按下鼠标按钮时，发生此事件。 | MouseEvent |
| mouseenter | 当指针移动到元素上时，发生此事件。 | MouseEvent |
| mouseleave | 当指针从元素上移出时，发生此事件。 | MouseEvent |
| mousemove | 当指针在元素上方移动时，发生此事件。 | MouseEvent |
| mouseout | 当用户将鼠标指针移出元素或其中的子元素时，发生此事件。 | MouseEvent |
| mouseover | 当指针移动到元素或其中的子元素上时，发生此事件。 | MouseEvent |
| mouseup | 当用户在元素上释放鼠标按钮时，发生此事件。 | MouseEvent |
| mousewheel | Wakilci amanar aiki.Yi kai amanar. wheel 事件。 | WheelEvent |
| offline | Kai browser ke yi aya aya na work na offline, kuma yana fara shi. | Event |
| online | Kai browser ke yi aya aya na work na online, kuma yana fara shi. | Event |
| open | Kai yana kai aya aya na connection na event source, kuma yana fara shi. | Event |
| pagehide | Kai mutum ke yi aya aya na navigation aya aya na web page ko yi aya aya na navigation, kuma yana fara shi. | PageTransitionEvent |
| pageshow | Kai mutum ke yi aya aya na navigation aya aya na web page, kuma yana fara shi. | PageTransitionEvent |
| paste | Kai mutum ke yi aya aya na paste aya aya na content aya aya na element, kuma yana fara shi. | ClipboardEvent |
| pause | Kai media ke yi aya aya na pause ko yi aya aya na pause na programming, kuma yana fara shi. | Event |
| play | Kai media ke yi amanar start ko yi aya aya na pause, kuma yana fara shi. | Event |
| playing | Kai media ke yi amanar pause ko yi aya aya na buffer, kuma yana fara shi. | Event |
| popstate | Kai yana kai amanar history na window, kuma yana fara shi. | PopStateEvent |
| progress | Kai browser ke yi amanar process na media data, kuma yana fara shi. | Event |
| ratechange | Kai yana kai amanar speed na media play, kuma yana fara shi. | Event |
| reset | Kai yana kai amanar form, kuma yana fara shi. | Event |
| resize | Kai yana kai amanar size na view na document, kuma yana fara shi. | |
| scroll | Kai yana kai amanar scroll na element, kuma yana fara shi. | |
| search | Kai mutum ke yi aya aya na input aya aya na search, kuma yana fara shi. | Event |
| seeked | Kai mutum ke yi aya aya na complete move ko yi aya aya na new position na media, kuma yana fara shi. | Event |
| seeking | Kai mutum ke yi aya aya na move ko yi aya aya na new position na media, kuma yana fara shi. | Event |
| select | Kai mutum ke yi aya aya na text, (wa <input> ko <textarea>), kuma yana fara shi. | |
| show | Kai <menu> yana fara shi aya na context menu, kuma yana fara shi. | Event |
| stalled | Kai browser ke yi amanar media data kuma yana fara shi. | Event |
| storage | Kai yana kai amanar Web storage, kuma yana fara shi. | StorageEvent |
| submit | Kai yana kai amanar form, kuma yana fara shi. | Event |
| suspend | Kai browser ke yi aya aya na media data kuma yana fara shi. | Event |
| timeupdate | Kai yana kai amanar lokaci na aya yana fara shi. | Event |
| toggle | Kai mutum ke yi buka ko yi kai ko yi kai <details> yana fara shi. | Event |
| touchcancel | Kai touch aya yi kai, kuma yana fara shi. | TouchEvent |
| touchend | Kai kaiya ke yi kai aya aya na touch screen, kuma yana fara shi. | TouchEvent |
| touchmove | Kai kaiya ke aya aya na screen, kuma yana fara shi. | TouchEvent |
| touchstart | Kai kaiya ke aya aya na touch screen, kuma yana fara shi. | TouchEvent |
| transitionend | Kai amanar CSS yana bu farin kuma yana fara shi. | TransitionEvent |
| unload | بعد از بارگذاری صفحه (برای <body>)، این رویداد رخ میدهد. | |
| volumechange | وقتی حجم رسانه تغییر کند، این رویداد رخ میدهد. | Event |
| waiting | وقتی رسانه متوقف شده باشد اما انتظار میرود که دوباره شروع شود، این رویداد رخ میدهد. | Event |
| wheel | وقتی چرخش موس در عنصر به سمت بالا یا پایین باشد، این رویداد رخ میدهد. | WheelEvent |
ویژگیها و روشهای رویداد HTML DOM
| ویژگی/روش | توضیح | مردم |
|---|---|---|
| altKey | برگشت به اینکه آیا کلید "ALT" در هنگام رویداد فشار داده شده است. | MouseEvent |
| altKey | برگشت به اینکه آیا کلید "ALT" در هنگام رویداد فشار داده شده است. | |
| animationName | برگشت به نام انیمیشن. | AnimationEvent |
| bubbles | برگشت به اینکه آیا رویداد خاصی یک رویداد باداد کردن است. | Event |
| button | 返回触发鼠标事件时按下的鼠标按钮。 | MouseEvent |
| buttons | 返回触发鼠标事件时按下的鼠标按钮。 | MouseEvent |
| cancelBubble | تنظیم یا برگشت به اینکه آیا رویداد باید به سمت بالا در سلسله مراتب رویدادها منتقل شود. | |
| cancelable | برگشت به اینکه آیا رویداد میتواند عملکرد پیشفرض خود را متوقف کند. | Event |
| changeTouches | برگشت به لیستی از همه شیءهای لمسی که وضعیت آنها بین لمس قبلی و لمس فعلی تغییر کرده است. | TouchEvent |
| charCode | برگشت به کد Unicode کلیدی که رویداد فشار دادن کلید را تحریک کرده است. | KeyboardEvent |
| clientX | برگشت به مختصات افقی موس در هنگام رویداد فشار دادن موس. | |
| clientY | برگشت به مختصات عمودی موس در هنگام رویداد فشار دادن موس. | |
| clipboardData | برگشت به شیء که شامل دادههایی است که تحت تأثیر عملیات کپی برداری قرار میگیرند. | ClipboardData |
| code | برگشت به کد کلیدی که رویداد را تحریک کرده است. | KeyboardEvent |
| composed | نشان میدهد که آیا این رویداد میتواند از Shadow DOM به DOM عمومی منتقل شود. | Event |
| composedPath() | برگشت به مسیر رویداد. | |
| createEvent() | ایجاد رویداد جدید. | Event |
| ctrlKey | برگشت به اینکه آیا کلید "CTRL" در هنگام رویداد فشار داده شده است. | MouseEvent |
| ctrlKey | برگشت به اینکه آیا کلید "CTRL" در هنگام رویداد فشار داده شده است. | |
| currentTarget | برگشت به عنصری که رویداد شناسایی شده توسط شناسهدهنده رویداد است. | Event |
| data | برگشت به حرف اضافه شده. | InputEvent |
| dataTransfer | برگشت به یک شیء که شامل دادههای کشیده شده یا چسبیده/حذف شده است. | |
| defaultPrevented | برگشت به اینکه آیا preventDefault() روش فراخوانی شده است. | Event |
| deltaX | غایرای زوایای موس چرخان افقی (اکیس x). | WheelEvent |
| deltaY | غایرای زوایای موس چرخان عمودی (اکیس y). | WheelEvent |
| deltaZ | غایرای زوایای موس چرخان به سمت Z. | WheelEvent |
| deltaMode | 增量值（像素、线或页面）的度量单位代表数字返回。 | WheelEvent |
| detail | 鼠标被单击的次数指示的数字返回。 | UiEvent |
| elapsedTime | 动画已运行的秒数返回。 | AnimationEvent |
| elapsedTime | 过渡已运行的秒数返回。 | |
| eventPhase | 事件流处于哪个阶段当前正在评估返回。 | Event |
| getModifierState() | 包含目标范围的数组返回，此范围将受到插入/删除的影响。 | MouseEvent |
| getTargetRanges() | 包含目标范围的数组返回，此范围将受到插入/删除的影响。 | InputEvent |
| inputType | 更改的类型（即 "inserting" 或 "deleting"）返回。 | InputEvent |
| isComposing | 事件的状态是否正在构成返回。 | |
| isTrusted | 事件是否受信任返回。 | Event |
| key | 事件表示的键的键值返回。 | KeyboardEvent |
| key | 更改后的存储项的键返回。 | StorageEvent |
| keyCode | 触发 onkeypress、onkeydown 或 onkeyup 事件的键的 Unicode 字符代码返回。 | KeyboardEvent |
| location | 键盘或设备上按键的位置返回。 | KeyboardEvent |
| lengthComputable | 进度的长度是否可计算返回。 | ProgressEvent |
| loaded | 已加载的工作量返回。 | ProgressEvent |
| metaKey | 事件触发时是否按下了 "META" 键返回。 | MouseEvent |
| metaKey | 按键事件触发时是否按下了 "META" 键返回。 | |
| MovementX | 相对于上一 mousemove 事件的位置的鼠标指针的水平坐标返回。 | MouseEvent |
| MovementY | 相对于上一 mousemove 事件的位置的鼠标指针的垂直坐标返回。 | MouseEvent |
| newURL | 更改 hash 后的文档 URL 返回。 | HasChangeEvent |
| newValue | 更改后的存储项目的新值返回。 | StorageEvent |
| offsetX | 鼠标指针相对于目标元素边缘位置的水平坐标返回。 | MouseEvent |
| offsetY | 鼠标指针相对于目标元素边缘位置的垂直坐标返回。 | MouseEvent |
| oldURL | 更改 hash 前的文档 URL 返回。 | HasChangeEvent |
| oldValue | 更改后的存储项目的旧值返回。 | StorageEvent |
| onemptied | 发生不良情况且媒体文件突然不可用时，此事件发生。 | |
| pageX | 触发鼠标事件时鼠标指针相对于文档的水平坐标返回。 | MouseEvent |
| pageY | 触发鼠标事件时鼠标指针相对于文档的垂直坐标返回。 | MouseEvent |
| persisted | 网页是否被浏览器缓存返回。 | PageTransitionEvent |
| preventDefault() | 如果可以取消事件，则将其取消，不执行属于该事件的默认操作。 | Event |
| propertyName | 返回与动画或过渡相关联的 CSS 属性的名称。 | |
| pseudoElement | 返回动画或过渡的伪元素的名称。 | |
| region | MouseEvent | |
| relatedTarget | 返回与触发鼠标事件的元素相关的元素。 | MouseEvent |
| relatedTarget | 返回与触发事件的元素相关的元素。 | FocusEvent |
| repeat | 返回是否重复按住某个键。 | KeyboardEvent |
| screenX | 返回窗口/鼠标指针相对于屏幕的水平坐标。 | MouseEvent |
| screenY | 返回窗口/鼠标指针相对于屏幕的垂直坐标。 | MouseEvent |
| shiftKey | 返回事件触发时是否按下了 "SHIFT" 键。 | MouseEvent |
| shiftKey | 返回按键事件触发时是否按下了 "SHIFT" 键。 | |
| state | 返回包含历史记录条目副本的对象。 | PopStateEvent |
| stopImme...() | 防止同一事件的其他侦听器被调用。 | Event |
| stopPropagation() | 防止事件在事件流中进一步传播。 | Event |
| storageArea | 返回代表受影响的存储对象的对象。 | StorageEvent |
| target | 返回触发事件的元素。 | Event |
| targetTouches | 返回包含仍与触摸面接触的所有触摸点的Touch对象的TouchList列表 | TouchEvent |
| timeStamp | 返回创建事件的时间（相对于纪元的毫秒数）。 | Event |
| total | 返回将要加载的工作总量。 | ProgressEvent |
| touches | 返回当前与表面接触的所有 touch 对象的列表。 | TouchEvent |
| type | 返回事件名称。 | Event |
| url | 返回已更改项目的所在文档的 URL。 | StorageEvent |
| which | 返回触发鼠标事件时按下的鼠标按钮。 | MouseEvent |
| which | 返回触发 onkeypress 事件的键的 Unicode 字符码，或触发 onkeydown 或 onkeyup 事件的键的 Unicode 键码 | KeyboardEvent |
| view | Tashe ɗanɗin ɗauki ɗaya ɗanɗin ɗauki ɗaya ɗanɗin | UiEvent |
- Tun ɗaya HTML ɗanɗin
- Ɗauki ɗaya HTML Event ɗanɗin
