طريقة preventDefault() للحادث

DOM 事件 Event ɗanɗin

تعريف والاستخدام

إذا كان الحدث قابلًا للإلغاء، فإن طريقة preventDefault() ستلغي الحدث، مما يعني أن العمليات الافتراضية الخاصة بالحدث لن تحدث.

مثال على استخدامها في الحالات التالية:

  • انقر على زر "إرسال"، منع تقديم النموذج
  • انقر على الرابط، منع متابعة URL

تعليق:ليس كل الحركات قابلة للإلغاء. استخدم خصائص قابلية الإلغاء لتحديد ما إذا كان الحدث قابلاً للإلغاء.

تعليق:طريقة preventDefault() لن تمنع انتقال الحدث عبر DOM. استخدم طريقة stopPropagation() لحل المشكلة.

مثال

مثال 1

منع فتح رابط URL:

document.getElementById("myAnchor").addEventListener("click", function(event){
  event.preventDefault();
);

جرب بنفسك

مثال 2

منع عمليات اختيار المربع الافتراضية:

document.getElementById("myCheckbox").addEventListener("click", function(event){
  event.preventDefault();
);

جرب بنفسك

فارمولا

event.preventDefault()

参数

无。

技术细节

返回值： 无返回值。
DOM 版本： DOM Level 2 Events

浏览器支持

表格中的数字注明了完全支持该方法的首个浏览器版本。

方法 Chrome IE Firefox Safari Opera
preventDefault() 支持 9.0 支持 支持 支持
DOM 事件 Event ɗanɗin