आप mousemove घटना का उपयोग कर सकते हैं। जब भी उपयोगकर्ता माउस चलाता है तो वह ट्रिगर होगा; इसलिए ट्रिगर का एकमात्र उदाहरण फायरिंग नहीं होगा यदि उपयोगकर्ता माउस को बिल्कुल भी नहीं ले जाता है, जो दुर्लभ होना चाहिए।
इस के साथ एकमात्र समस्या यह है कि जब भी माउस आपकी छवि पर आगे बढ़ेगा तो ईवेंट आग लग जाएगा, इसलिए आपको घटक के दौरान उन घटनाओं में से बहुत कुछ मिल जाएगा। घटना को आग लगने पर आपको शायद अपनी विधि के भीतर कुछ प्रकार के झंडे को लागू करने की आवश्यकता होगी। जब ईवेंट पहली बार आग लगती है तो आप झंडा चालू करते हैं, और जब आप घटक छोड़ते हैं तो आप इसे बंद कर देते हैं।
यह आदर्श से कम है, लेकिन मुझे लगता है कि यह शायद आपकी समस्या परिदृश्य को पूरा करेगा। निम्नलिखित समाधान छद्म कोड है जो कि समाधान जैसा दिख सकता है, मुझे लगता है कि इसे काम करना चाहिए।
<img src="blah.png" onmousemove="JavaScript:triggerOn(event)" onmouseout="JavaScript:triggerOff(event)"/>
...
<script type='text/javascript'>
var TriggerActive = false;
function triggerOn(e){
e = e||window.e;
if(!TriggerActive){
TriggerActive = true;
// Do something
} else {
// Trigger already fired, ignore this event.
}
}
function triggerOff(e){
e = e||window.e;
if(TriggerActive)
TriggerActive = false;
}
</script>
आप कुछ महान ब्राउज़र संगतता सहित माउस घटना की जानकारी नोट here पा सकते हैं।
स्रोत
2009-10-05 19:48:53
अच्छा कामकाज। .addEventListener ("माउसenter", फ़ंक्शन) के साथ इसे मिलाकर एक अच्छा समाधान प्रतीत होता है। – Paul