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

من موسوعة حسوب
اذهب إلى التنقل اذهب إلى البحث
 
سطر 21: سطر 21:
 
<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 );
 
});
 
});
سطر 42: سطر 42:
 
<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 );
 
});
 
});

المراجعة الحالية بتاريخ 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>

مصادر