jQuery टेक्स्टबॉक्स परिवर्तन घटना

Question

क्या टेक्स्ट इनपुट तत्व में कोई परिवर्तन ईवेंट नहीं है? जब मैं एक टेक्स्ट इवेंट हैंडलर को एक टेक्स्ट इनपुट में संलग्न करता हूं तो इसे निकाल दिया नहीं जा रहा है। कीप को निकाल दिया गया है, लेकिन बदलाव का पता लगाने के लिए कीप पर्याप्त नहीं है क्योंकि इनपुट में पाठ दर्ज करने के अन्य तरीके स्पष्ट रूप से हैं।

Answer 1

इस पर कोई वास्तविक समाधान नहीं है - यहां तक ​​कि ऊपर दिए गए अन्य प्रश्नों के लिंक में भी। अंत में मैंने setTimeout का उपयोग करने का निर्णय लिया है और एक विधि को कॉल किया है जो हर सेकेंड की जांच करता है! एक आदर्श समाधान नहीं है, लेकिन एक समाधान जो काम करता है और जिस कोड को मैं कॉल कर रहा हूं वह इतना आसान है कि हर समय कॉल पर प्रदर्शन पर असर न हो।

function InitPageControls() { 
     CheckIfChanged(); 
    } 

    function CheckIfChanged() { 
     // do logic 

     setTimeout(function() { 
      CheckIfChanged(); 
     }, 1000); 
    } 

आशा यह भविष्य में किसी को मदद करता है के रूप में यह लगता है कि इस को प्राप्त करने ईवेंट हैंडलर्स का उपयोग करने का कोई निश्चित तरीका है ...

Answer 2

इनपुट ईवेंट केवल फोकस खोने के बाद आग लगती है (और बदल दी गई थी)।

Answer 3

<input> element के लिए HTML4 कल्पना निर्दिष्ट करता है निम्न स्क्रिप्ट घटनाओं उपलब्ध हैं:

onFocus, onBlur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

यहाँ एक उदाहरण है कि इन सभी घटनाओं के लिए के लिए बाध्य है और पता चलता है कि http://jsfiddle.net/pxfunc/zJ7Lf/

हो रहा है मुझे लगता है कि आप को फ़िल्टर कर सकते जो घटनाओं को सही मायने में अपनी स्थिति के लिए प्रासंगिक हैं और पता लगाने क्या पाठ मान से पहले था और घटना के बाद एक परिवर्तन का निर्धारण करने के

Answer 4

मैं ने पाया है कि यह काम करता है:

$(document).ready(function(){ 
    $('textarea').bind('input propertychange', function() { 
     //do your update here 
    } 

}) 

Answer 5

आप इसे प्राप्त कर सकते हैं:

$(document).ready(function(){    
    $('#textBox').keyup(function() {alert('changed');}); 
}); 

या परिवर्तन के साथ (संभाल प्रति सही क्लिक के साथ पेस्ट):

$(document).ready(function(){    
    $('#textBox2').change(function() {alert('changed');}); 
}); 

यहाँ मेरे लिए Demo

Answer 6

$('#input').on("input",function() {alert('changed');}); 

काम करता है।