الفرق بين المراجعتين لصفحة: «jQuery/event/preventDefault»

من موسوعة حسوب
لا ملخص تعديل
طلا ملخص تعديل
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:التابع <code>‎event.preventDefault()</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude>
<noinclude>{{DISPLAYTITLE:الخاصية <code>‎event.preventDefault()</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude>
== <code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.preventDefault()‎</code> ==
== <code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.preventDefault()‎</code> ==


=== القيمة المعادة ===
=== القيمة المعادة ===
يُعيد هذا التابع القيمة <code>[[JavaScript/undefined|undefined]]</code>.
تُعيد هذه الخاصية القيمة <code>[[JavaScript/undefined|undefined]]</code>.


=== الوصف ===
=== الوصف ===
استدعاء هذا التابع يُعطل إطلاق الإجراء الافتراضي للحدث.
استدعاء هذه الخاصية يُعطل إطلاق الإجراء الافتراضي للحدث.


=== <code>event.preventDefault()‎</code> ===
=== <code>event.preventDefault()‎</code> ===
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0].
أُضيف مع الإصدار: [http://api.jquery.com/category/version/1.0 1.0].


لا يقبل هذا التابع أي وسائط.
لا تقبل هذه الخاصية أي وسائط.


على سبيل المثال، لن ينقل النقر على الروابط إلى عنوان URL جديد. ويمكن استخدام التابع <code>[[jQuery/event/isDefaultPrevented|event.isDefaultPrevented()‎]]</code> للتحقق من استدعاء هذا التابع بواسطة معالج أحداث المستدعى بواسطة هذا الحدث.
على سبيل المثال، لن ينقل النقر على الروابط إلى عنوان URL جديد. ويمكن استخدام التابع <code>[[jQuery/event/isDefaultPrevented|event.isDefaultPrevented()‎]]</code> للتحقق من استدعاء هذه الخاصية بواسطة معالج أحداث المستدعى بواسطة هذا الحدث.


=== أمثلة ===
=== أمثلة ===
إلغاء الإجراء الافتراضي (التنقل) للنقر على العنصر <code>[[HTML/a|<a>]]</code>:<syntaxhighlight lang="html">
إلغاء الإجراء الافتراضي (التنقل) للنقر على العنصر <code></code>:<syntaxhighlight lang="html">
<!doctype html>
<!doctype html>
<html lang="en">
<html lang="en">
<head>
<head>
   <meta charset="utf-8">
   <meta charset="utf-8">
   <title>event.preventDefault demo</title>
   <title>event.preventDefault مثال على الخاصية</title>
   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
   <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
</head>
<body>
<body>
   
   
<a href="https://jquery.com">default click action is prevented</a>
<a href="https://jquery.com">إجراء النقر الافتراضي ممنوع</a>
<div id="log"></div>
<div id="log"></div>
   
   
سطر 43: سطر 43:


== مصادر ==
== مصادر ==
* [https://api.jquery.com/event.preventdefault/ صفحة التابع event.preventDefault()‎ في توثيق jQuery الرسمي].
* [https://api.jquery.com/event.preventdefault/ صفحة الخاصية event.preventDefault()‎ في توثيق jQuery الرسمي].
[[تصنيف:jQuery]]
[[تصنيف:jQuery]]
[[تصنيف:jQuery Method]]
[[تصنيف:jQuery Method]]
[[تصنيف:jQuery Events]]
[[تصنيف:jQuery Events]]

مراجعة 15:48، 5 يونيو 2018

‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.preventDefault()‎

القيمة المعادة

تُعيد هذه الخاصية القيمة undefined.

الوصف

استدعاء هذه الخاصية يُعطل إطلاق الإجراء الافتراضي للحدث.

event.preventDefault()‎

أُضيف مع الإصدار: 1.0.

لا تقبل هذه الخاصية أي وسائط.

على سبيل المثال، لن ينقل النقر على الروابط إلى عنوان URL جديد. ويمكن استخدام التابع event.isDefaultPrevented()‎ للتحقق من استدعاء هذه الخاصية بواسطة معالج أحداث المستدعى بواسطة هذا الحدث.

أمثلة

إلغاء الإجراء الافتراضي (التنقل) للنقر على العنصر :

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.preventDefault مثال على الخاصية</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<a href="https://jquery.com">إجراء النقر الافتراضي ممنوع</a>
<div id="log"></div>
 
<script>
$( "a" ).click(function( event ) {
  event.preventDefault();
  $( "<div>" )
    .append( "default " + event.type + " prevented" )
    .appendTo( "#log" );
});
</script>
 
</body>
</html>

مصادر