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

من موسوعة حسوب
أنشأ الصفحة ب'<noinclude>{{DISPLAYTITLE:التابع <code>‎event.which</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude> == ‎‎‎‎‎‎...'
 
 
(مراجعتان متوسطتان بواسطة مستخدم واحد آخر غير معروضتين)
سطر 1: سطر 1:
<noinclude>{{DISPLAYTITLE:التابع <code>‎event.which</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude>
<noinclude>{{DISPLAYTITLE:الخاصية <code>‎event.which</code>‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎ في jQuery}}</noinclude>
 
== ‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎<code>event.which</code> ==
== ‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎‎<code>event.which</code> ==


=== القيمة المعادة ===
=== القيمة المعادة ===
يُعيد كائنًا من النوع [[JavaScript/Number|Number]].
تُعيد كائنًا من النوع [[JavaScript/Number|Number]].


=== الوصف ===
=== الوصف ===
سطر 12: سطر 11:
الإصدار المضافة: [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">
<head>
<head>
   <meta charset="utf-8">
   <meta charset="utf-8">
   <title>event.which demo</title>
   <title>event.which مثال على الخاصية</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>
   
   
<input id="whichkey" value="type something">
<input id="whichkey" value="اكتب شيئًا">
<div id="log"></div>
<div id="log"></div>
   
   
<script>
<script>
$( "#whichkey" ).on( "keydown", function( event ) {
$( "#whichkey" ).on( "المفتاح المضغوط", function( event ) {
   $( "#log" ).html( event.type + ": " +  event.which );
   $( "#log" ).html( event.type + ": " +  event.which );
});
});
سطر 38: سطر 37:
</body>
</body>
</html>
</html>
</syntaxhighlight>تسجيل زر الفأرة المضغوط.<syntaxhighlight lang="html">
</syntaxhighlight>تسجيل زر الفأرة المضغوط:<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.which demo</title>
   <title>event.which مثال على الخاصية</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>
   
   
<input id="whichkey" value="click here">
<input id="whichkey" value="انقر هنا">
<div id="log"></div>
<div id="log"></div>
   
   
<script>
<script>
$( "#whichkey" ).on( "mousedown", function( event ) {
$( "#whichkey" ).on( "زر الفأرة", function( event ) {
   $( "#log" ).html( event.type + ": " +  event.which );
   $( "#log" ).html( event.type + ": " +  event.which );
});
});
سطر 62: سطر 61:


== مصادر ==
== مصادر ==
* [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]]

المراجعة الحالية بتاريخ 13:15، 6 يونيو 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 مثال على الخاصية</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input id="whichkey" value="اكتب شيئًا">
<div id="log"></div>
 
<script>
$( "#whichkey" ).on( "المفتاح المضغوط", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});
</script>
 
</body>
</html>

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

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>event.which مثال على الخاصية</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
 
<input id="whichkey" value="انقر هنا">
<div id="log"></div>
 
<script>
$( "#whichkey" ).on( "زر الفأرة", function( event ) {
  $( "#log" ).html( event.type + ": " +  event.which );
});
</script>
 
</body>
</html>

مصادر