أحداث HTML DOM

أحداث HTML DOM

احداث DOM HTML تسمح لـ JavaScript بتسجيل معالجات الاحداث المختلفة على عناصر المستند.

عادة ما يتم استخدام الاحداث مع الدوال، حيث لا يتم تنفيذ الدالة قبل حدوث الحدث (مثل عند ضرب الزر).

للتعرف على دروس الاحداث، يرجى متابعة دليل دروس JavaScript الاحداث.

حدث وصف يُنتمي إليها
abort عندما يتم إيقاف تحميل الوسائط يحدث هذا الحدث.
afterprint عندما تبدأ الطباعة أو يُغلق نافذة الطباعة يحدث هذا الحدث. Event
animationend عندما تنتهي CSS التحرك يحدث هذا الحدث. AnimationEvent
animationiteration عندما تُكرر CSS التحرك يحدث هذا الحدث. AnimationEvent
animationstart عندما تبدأ CSS التحرك يحدث هذا الحدث. AnimationEvent
beforeprint عندما يتم طباعة الصفحة يحدث هذا الحدث. Event
beforeunload عندما يتم تحميل المستند يحدث هذا الحدث.
blur عندما يفقد العنصر التركيز يحدث هذا الحدث. FocusEvent
canplay عندما يمكن للbrowser بدء تشغيل الوسائط يحدث هذا الحدث. Event
canplaythrough عندما يمكن للbrowser بدء تشغيل الوسائط دون إيقاف التحميل يحدث هذا الحدث. Event
change عندما تتغير محتويات عنصر form أو الخيارات أو الحالة المختارة يحدث هذا الحدث. Event
click عندما يتم ضرب العنصر يحدث هذا الحدث. MouseEvent
contextmenu عندما يتم ضرب الزر الأيمن على عنصر معين لفتح قائمة السياق يحدث هذا الحدث. MouseEvent
copy عندما يتم نسخ محتويات العنصر يحدث هذا الحدث. ClipboardEvent
cut عندما يتم قطع محتويات العنصر يحدث هذا الحدث. ClipboardEvent
dblclick عندما يتم ضرب العنصر مزدوجًا يحدث هذا الحدث. MouseEvent
drag عندما يتم سحب العنصر يحدث هذا الحدث. 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 غير مستخدم.يرجى استبدال. wheel حدث. WheelEvent
offline عند بدء العمل بدون اتصال للمتصفح، يحدث هذا الحدث. Event
online عند بدء العمل عبر الإنترنت للمتصفح، يحدث هذا الحدث. Event
open عند فتح الاتصال بجدول البيانات المصدر للحادث، يحدث هذا الحدث. Event
pagehide عند مغادرة صفحة معينة للتحرك، يحدث هذا الحدث. PageTransitionEvent
pageshow عند التصفح إلى صفحة معينة، يحدث هذا الحدث. PageTransitionEvent
paste عند لصق بعض المحتويات إلى العنصر، يحدث هذا الحدث. ClipboardEvent
pause عند إيقاف التشغيل بواسطة المستخدم أو عن طريق البرمجة، يحدث هذا الحدث. Event
play عند بدء التشغيل أو انتهاء الإيقاف، يحدث هذا الحدث. Event
playing عند إعادة بدء التشغيل بعد إيقاف التشغيل لإضافة ذاكرة التخزين، يحدث هذا الحدث. Event
popstate عند تغيير تاريخ المستعرض، يحدث هذا الحدث. PopStateEvent
progress عند بدء المتصفح في الحصول على بيانات الوسائط، يحدث هذا الحدث. Event
ratechange عند تغيير سرعة تشغيل الوسائط، يحدث هذا الحدث. Event
reset عند إعادة تعيين نموذج، يحدث هذا الحدث. Event
resize عند تغيير حجم عرض المستند، يحدث هذا الحدث.
scroll عند سحب شريط التمرير في العنصر المر滚، يحدث هذا الحدث.
search عند إدخال محتوى في حقل البحث، يحدث هذا الحدث. Event
seeked عند اكتمال التحرك/القفز إلى موقف جديد في الوسائط من قبل المستخدم، يحدث هذا الحدث. Event
seeking عند بدء التحرك/القفز إلى موقف جديد في الوسائط من قبل المستخدم، يحدث هذا الحدث. Event
select عند اختيار النص من قبل المستخدم (بالنسبة لـ<input> و <textarea>)، يحدث هذا الحدث.
show عند عرض عنصر <menu> كقائمة سياق، يحدث هذا الحدث. Event
stalled عند محاولة المتصفح الحصول على بيانات الوسائط وعدم توفرها، يحدث هذا الحدث. Event
storage عند تحديث منطقة التخزين على الويب، يحدث هذا الحدث. StorageEvent
submit عند تقديم نموذج، يحدث هذا الحدث. Event
suspend عند عدم الحصول على بيانات الوسائط بشكل مقصود من قبل المتصفح، يحدث هذا الحدث. Event
timeupdate عند تغيير موقف التشغيل، يحدث هذا الحدث. Event
toggle عند فتح أو إغلاق عنصر <details>، يحدث هذا الحدث. Event
touchcancel عند انقطاع اللمس، يحدث هذا الحدث. TouchEvent
touchend عند فصل الأصابع عن شاشة اللمس، يحدث هذا الحدث. TouchEvent
touchmove عند سحب الأصابع على الشاشة، يحدث هذا الحدث. TouchEvent
touchstart عند وضع الأصابع على شاشة اللمس، يحدث هذا الحدث. TouchEvent
transitionend عند اكتمال تحويل CSS، يحدث هذا الحدث. TransitionEvent
unload يُحدث هذا الحدث بعد تفريغ الصفحة (لـ <body>).
volumechange يُحدث هذا الحدث عند تغيير مستوى الصوت للوسائط. Event
waiting يُحدث هذا الحدث عند توقف الوسائط ولكن تُتوقع العودة. Event
wheel يُحدث هذا الحدث عند دوران العجلة الفأرة لأعلى أو لأسفل في العنصر. WheelEvent

صفات وطرق DOM HTML الحدث

الصفات/الطرق وصف يُنتمي إليها
altKey يُرجع ما إذا كان تم الضغط على مفتاح "ALT" عند حدوث حدث الضغط على الماوس. MouseEvent
altKey يُرجع ما إذا كان تم الضغط على مفتاح "ALT" عند حدوث حدث الضغط على المفتاح.
animationName يُرجع اسم التحرك. AnimationEvent
bubbles يُرجع ما إذا كان الحدث معجبًا بالتمدد. Event
button يعود إلى زر الفأرة الذي تم الضغط عليه عند تحفيز حدث الفأرة. MouseEvent
buttons يعود إلى زر الفأرة الذي تم الضغط عليه عند تحفيز حدث الفأرة. MouseEvent
cancelBubble يُحدد أو يُرجع ما إذا كان يجب أن يتم تمرير الحدث إلى المستوى الأعلى من السلسلة.
cancelable يُرجع ما إذا كان يمكن منع العمليات الافتراضية للحدث. Event
changeTouches يُرجع قائمة بالعناصر التي تغيرت حالتها بين اللمسة السابقة واللمسة الحالية. TouchEvent
charCode يُرجع رمز الحرف للنقطة التي أُشركت فيها في حدث الضغط على المفتاح. 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 يُرجع كمية دوران عمودي الزوايا للعجلة الفأرة. WheelEvent
deltaMode returns a number representing the unit of measurement for the increment value (pixels, lines, or pages). WheelEvent
detail returns a number indicating how many times the mouse has been clicked. UiEvent
elapsedTime returns the number of seconds the animation has run. AnimationEvent
elapsedTime returns the number of seconds the transition has run. 　
eventPhase returns which phase the current event flow is at. Event
getModifierState() returns an array containing the target range, which will be affected by insertion/deletion. MouseEvent
getTargetRanges() returns an array containing the target range, which will be affected by insertion/deletion. InputEvent
inputType returns the type of change (i.e., "inserting" or "deleting"). InputEvent
isComposing returns whether the state of the event is being composed.
isTrusted returns whether the event is trusted. Event
key returns the key value represented by the event. KeyboardEvent
key returns the key of the changed storage item. StorageEvent
keyCode returns the Unicode character code of the key that triggers the onkeypress, onkeydown, or onkeyup event. KeyboardEvent
location returns the position of the key on the keyboard or device. KeyboardEvent
lengthComputable returns whether the length of the progress can be calculated. ProgressEvent
loaded returns the amount of work loaded. ProgressEvent
metaKey returns whether the "META" key is pressed when the event is triggered. MouseEvent
metaKey returns whether the "META" key is pressed when the key event is triggered.
MovementX returns the horizontal coordinate of the mouse pointer relative to the position of the previous mousemove event. MouseEvent
MovementY returns the vertical coordinate of the mouse pointer relative to the position of the previous mousemove event. MouseEvent
newURL returns the document URL after the hash change. HasChangeEvent
newValue returns the new value of the changed storage item. StorageEvent
offsetX returns the horizontal coordinate of the mouse pointer relative to the edge of the target element. MouseEvent
offsetY returns the vertical coordinate of the mouse pointer relative to the edge of the target element. MouseEvent
oldURL returns the document URL before the hash change. HasChangeEvent
oldValue returns the old value of the changed storage item. StorageEvent
onemptied This event occurs when there is a bad situation and the media file becomes unavailable suddenly. 　
pageX returns the horizontal coordinate of the mouse pointer relative to the document when the mouse event is triggered. MouseEvent
pageY returns the vertical coordinate of the mouse pointer relative to the document when the mouse event is triggered. MouseEvent
persisted returns whether the web page is cached by the browser. PageTransitionEvent
preventDefault() إذا كان يمكن إلغاء الحدث، فإلغاء الحدث دون تنفيذ العمليات الافتراضية الخاصة به. Event
propertyName يعود إلى اسم الخاصية CSS التي تتعلق بالتحرك أو الانتقال.
pseudoElement يعود إلى اسم pseudoElement للتحرك أو الانتقال.
المنطقة MouseEvent
relatedTarget يعود إلى العنصر الذي يتعلق به العنصر الذي تم تحفيز حدث الفأرة عليه. MouseEvent
relatedTarget يعود إلى العنصر الذي يتعلق به العنصر الذي تم تحفيز الحدث عليه. FocusEvent
repeat يعود إلى ما إذا كان تم الضغط المتكرر على مفتاح ما. KeyboardEvent
screenX يعود إلى التكوين الأفقي للنافذة/مؤشر الفأرة بالنسبة للشاشة. MouseEvent
screenY يعود إلى التكوين العلوية للنافذة/مؤشر الفأرة بالنسبة للشاشة. MouseEvent
shiftKey يعود إلى ما إذا كان تم الضغط على مفتاح "SHIFT" عند تحفيز الحدث. MouseEvent
shiftKey يعود إلى ما إذا كان تم الضغط على مفتاح "SHIFT" عند تحفيز حدث الضغط على المفتاح.
الوضع يعود إلى دالة الإشارة إلى Object يحتوي على نسخة من سجل العناصر. PopStateEvent
stopImme...() يمنع استدعاء المستمعين الآخرين للحدث نفسه. Event
stopPropagation() يمنع حدوث الحدث في تدفق الحدث. Event
storageArea يعود إلى دالة الإشارة إلى Object الذي يمثل العنصر الذي تم تأثيره. StorageEvent
الهدف يعود إلى العنصر الذي تم تحفيز الحدث عليه. Event
targetTouches يعود إلى قائمة TouchList من Touch Objects التي تلامس السطح حتى الآن. TouchEvent
timeStamp يعود إلى الوقت الذي تم فيه إنشاء الحدث (بالميليسي ثانية مقارنة بالكائن الإليادي). Event
الإجمالي يعود إلى كمية العمل التي سيتم تحميلها. ProgressEvent
touches يعود إلى قائمة جميع touch Objects التي تلامس السطح حاليًا. TouchEvent
النوع يعود إلى اسم الحدث. Event
url يعود إلى URL للملف الذي يحتوي على العنصر الذي تم تغييره. StorageEvent
which يعود إلى زر الفأرة الذي تم الضغط عليه عند تحفيز حدث الفأرة. MouseEvent
which يعود إلى رمز Unicode للضغط على الزر الذي تم تحفيز حدث onkeypress، أو رمز Unicode للضغط على الزر الذي تم تحفيز أحد أحداث onkeydown أو onkeyup KeyboardEvent
عرض يعود إلى دالة الإشارة إلى Window التي حدث فيها الحدث. UiEvent