2015-06-13 8 views
5

मुझे माउस डाउन इवेंट को केवल तब लागू करना होगा जब माउस डाउन दबाया जाए।माउसडाउन दबाए जाने पर माउसमॉव को कैसे कार्यान्वित करें

मुझे केवल "ठीक हो गया" निष्पादित करने की आवश्यकता है जब माउस नीचे और माउस चलते हैं।

मैं इस कोड

$(".floor").mousedown(function() { 
    $(".floor").bind('mouseover',function(){ 
     alert("OK Moved!"); 
    }); 
}) 
.mouseup(function() { 
$(".floor").unbind('mouseover'); 
}); 

उत्तर

11

mosemove घटना का प्रयोग करते थे।

mousemove से और mouseover jQuery डॉक्स:

mousemove घटना एक तत्व के लिए भेजा जाता है जब तत्व के अंदर माउस सूचक ले जाता है।

mouseover ईवेंट तत्व पर भेजा जाता है जब माउस पॉइंटर तत्व में प्रवेश करता है।

उदाहरण: (जांच कंसोल आउटपुट)

$(".floor").mousedown(function() { 
    $(this).mousemove(function() { 
     console.log("OK Moved!"); 
    }); 
}).mouseup(function() { 
    $(this).unbind('mousemove'); 
}).mouseout(function() { 
    $(this).unbind('mousemove'); 
}); 

https://jsfiddle.net/n4820hsh/

+0

यू बॉक्स में क्लिक करते हैं पहली बार के लिए और माउस यह अच्छी तरह से काम करता है के लिए कदम है, लेकिन जब यू फिर से माउस ले जाएँ बटन दबाए बिना यह भी काम करता है! यही वह है जो मैं पीड़ित हूं: 3। मुझे केवल तब काम करने की ज़रूरत है जब माउस दबाए और आगे बढ़ें। – M1M6

+0

संपादित: जब हम बॉक्स छोड़ते हैं तो भी अनइंड करने की आवश्यकता होती है। अब यह केवल तभी काम करना चाहिए जब आप बॉक्स के अंदर माउस दबाएंगे और आप अंदर चले जाएंगे। –

+0

यह अच्छी तरह से काम करता है :) धन्यवाद uuuuuu :) – M1M6

संबंधित मुद्दे