ה dblclick אירוע יוצר אירוע בלחיצה כפולה על האלמנט. האירוע מופעל כאשר לוחצים על רכיב פעמיים בפרק זמן קצר מאוד. אנחנו יכולים גם להשתמש ב-JavaScript addEventListener() שיטה להפעלת אירוע הקליק הכפול.
ב-HTML, אנו יכולים להשתמש ב- ondblclick תכונה ליצירת אירוע קליק כפול.
תחביר
כעת, אנו רואים את התחביר של יצירת אירוע קליק כפול ב-HTML ובתוכו javascript (בלי להשתמש addEventListener() שיטה או באמצעות addEventListener() שיטה).
ב-HTML
ב-JavaScript
object.ondblclick = function() { myScript };
ב-JavaScript על ידי שימוש בשיטת addEventListener()
object.addEventListener('dblclick', myScript);
בואו לראות כמה מהאיורים כדי להבין את אירוע הקליק הכפול.
דוגמה - שימוש בתכונה ondblclick ב-HTML
בדוגמה זו, אנו יוצרים את אירוע הקליק הכפול באמצעות ה-HTML ondblclick תְכוּנָה.
<h2> Double Click the text 'Hello world' to see the effect. </h2> <p> This is an example of creating the double click event using the <b> addEventListener() method </b> . </p> document.getElementById('heading').addEventListener('dblclick', fun); function fun() { document.getElementById('heading').innerHTML = ' Welcome to the javaTpoint.com '; }בדוק את זה עכשיו
תְפוּקָה
לאחר לחיצה כפולה על הטקסט 'שלום עולם' , הפלט יהיה -