الوضع 1
إذا قمت بربط كل من الأحداث النقر والنقر المزدوج على كائن DOM ، عند حدوث حدث نقر مزدوج على كائن DOM هذا ، ستؤدي النقر الأول إلى تشغيل حدث نقرة ، ستؤدي النقر الثاني أيضًا إلى حدوث حدث نقر مزدوج ، أو حدث نقرة (IE7 و Firefox).
حل:
<button onClick = "Test (1)" ondblclick = "test (2)"> </utton> <script language = "javaScript"> var i = 1 ؛ function test (n) {i = n ؛ var val = setTimeOut ("call () ؛" ، 250) ؛ if (i == 2) {clearTimeOut (val) ؛}} call call () {if (i == 1) {alert ('click') ؛} else else (i == 2) {alert ('dblclick') ؛}}}}}}}يشرح:
يسجل النقر الأول وقت النقر وتعيين مهلة حدث Click (250 مللي ثانية أكثر ملاءمة). عند النقر فوق النقر الثاني ، حدد وقت النقر والفاصل الزمني للنقر الأخير. إذا كان أقل من فاصل الأحداث المحدد (مثل 250 مللي ثانية) ، فسيتم الحكم عليه كحدث نقر مزدوج ومسح المهلة المحددة (تجنب حدث النقر).
النوع الثاني:
<title> التمييز بين النقر والنقر المزدوج www.vevb.com </title> <script type = "text/javaScript"> var flag = 0 ؛ function clicktest () {if (! flag) {setTimeOut ("tt2 () ؛" ، 300) ؛ } flag ++ ؛} reset () {flag = 0 ؛} وظيفة singleclick () {var result = document.getElementByIdx_x ('result') ؛ result.innerhtml = result.innerhtml+"click <br>" ؛ Reset () ؛} دالة dobuleclick () {var result = document.getElementByIdx_x ('result') ؛ result.innerhtml = result.innerhtml+"click <br>" ؛ Reset () ؛} دالة dobuleclick () {var result = document.getElementByIdx_x ('result') ؛ result.innerhtml = result.innerhtml+"click <br>" ؛ Reset () ؛} دالة dobuleclick () {var result = document.getElementByIdx_x ('result') ؛ result.innerhtml = result.innerhtml+"click <br>" ؛ Reset () ؛} دالة dobuleclick () {var result = document.getElementByIdx_x ('result') ؛ result.innerhtml = result.innerhtml+"dobule click <br>" ؛ reset () ؛} وظيفة tt2 () {if (flag == 1) {singleclick () ؛ } آخر {dobuleclick () ؛ }} </script> </head> <body> <input type = "button" ondblclick = "clicktest () ؛" onClick = "clicktest () ؛" value = "انقر فوق اختبار" /> <div id = "result"> < /div>الحل السريع لمشكلة الصراع في نقرة ماوس JS والنقر المزدوج أعلاه هو كل المحتوى الذي أشاركه معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.