الفرق بين المراجعتين ل"jQuery/event/which"

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
(أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التابع <code>‎event.which</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude> == ‎‎‎‎‎‎...')
 
سطر 4: سطر 4:
  
 
=== القيمة المعادة ===
 
=== القيمة المعادة ===
يُعيد كائنًا من النوع [[JavaScript/Number|Number]].
+
تُعيد كائنًا من النوع [[JavaScript/Number|Number]].
  
 
=== الوصف ===
 
=== الوصف ===
سطر 12: سطر 12:
 
الإصدار المضافة: [http://api.jquery.com/category/version/1.1.3 1.1.3].
 
الإصدار المضافة: [http://api.jquery.com/category/version/1.1.3 1.1.3].
  
تضبط الخاصية <code>event.which</code> كلًا من <code>[[jQuery/event/keyCode|event.keyCode]]</code> و <code>[[jQuery/event/charCode|event.charCode]]</code>. من المستحسن مراقبة <code>event.which</code> لإدخال مفتاح لوحة المفاتيح. لمزيد من التفاصيل، راجع [https://developer.mozilla.org/en/DOM/event.charCode#Notes event.charCode على MDN].
+
تضبط الخاصية <code>event.which</code> كلًا من <code>event.keyCode</code> و <code>event.charCode</code>. من المستحسن مراقبة <code>event.which</code> لإدخال مفتاح لوحة المفاتيح.
  
 
تضبط event.which أيضا ضغط الأزرار (الأحداث <code>[[jQuery/event/mousedown|mousedown]]</code> و <code>[[jQuery/event/mouseup|mouseup]]</code> )، وإعادة إشعار يالقيمة <code>1</code> للزر الأيسر، <code>2</code> للزر الأوسط، و <code>3</code> للزر الأيمن. يستخدم <code>event.which</code> بدلاً من <code>[[jQuery/event/button|event.button]]</code>.
 
تضبط event.which أيضا ضغط الأزرار (الأحداث <code>[[jQuery/event/mousedown|mousedown]]</code> و <code>[[jQuery/event/mouseup|mouseup]]</code> )، وإعادة إشعار يالقيمة <code>1</code> للزر الأيسر، <code>2</code> للزر الأوسط، و <code>3</code> للزر الأيمن. يستخدم <code>event.which</code> بدلاً من <code>[[jQuery/event/button|event.button]]</code>.
  
 
=== أمثلة ===
 
=== أمثلة ===
تسجيل المفتاح المضغوط.<syntaxhighlight lang="html">
+
تسجيل المفتاح المضغوط:<syntaxhighlight lang="html">
 
<!doctype html>
 
<!doctype html>
 
<html lang="en">
 
<html lang="en">
سطر 38: سطر 38:
 
</body>
 
</body>
 
</html>
 
</html>
</syntaxhighlight>تسجيل زر الفأرة المضغوط.<syntaxhighlight lang="html">
+
</syntaxhighlight>تسجيل زر الفأرة المضغوط:<syntaxhighlight lang="html">
 
<!doctype html>
 
<!doctype html>
 
<html lang="en">
 
<html lang="en">
سطر 62: سطر 62:
  
 
== مصادر ==
 
== مصادر ==
* [http://api.jquery.com/event.which/ صفحة الحدث event.which في توثيق jQuery الرسمي].
+
* [http://api.jquery.com/event.which/ صفحة الخاصية event.which في توثيق jQuery الرسمي].
 
[[تصنيف:jQuery]]
 
[[تصنيف:jQuery]]
 
[[تصنيف:jQuery Method]]
 
[[تصنيف:jQuery Method]]
 
[[تصنيف:jQuery Events]]
 
[[تصنيف:jQuery Events]]

مراجعة 09:33، 31 مايو 2018


‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎event.which

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

تُعيد كائنًا من النوع Number.

الوصف

لكل حدث يتولد من لوحة المفاتيح أو الفأرة، تشير هذه الخاصية إلى المفتاح أو الزر المحدد المضغوط عليه.

event.which

الإصدار المضافة: 1.1.3.

تضبط الخاصية event.which كلًا من event.keyCode و event.charCode. من المستحسن مراقبة event.which لإدخال مفتاح لوحة المفاتيح.

تضبط event.which أيضا ضغط الأزرار (الأحداث mousedown و mouseup )، وإعادة إشعار يالقيمة 1 للزر الأيسر، 2 للزر الأوسط، و 3 للزر الأيمن. يستخدم event.which بدلاً من event.button.

أمثلة

تسجيل المفتاح المضغوط:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.which demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input id="whichkey" value="type something">
<div id="log"></div>
 
<script>
$( "#whichkey" ).on( "keydown", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});
</script>
 
</body>
</html>

تسجيل زر الفأرة المضغوط:

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.which demo</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input id="whichkey" value="click here">
<div id="log"></div>
 
<script>
$( "#whichkey" ).on( "mousedown", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});
</script>
 
</body>
</html>

مصادر