एचटीएमएल टेक्स्ट इनपुट ऑनचेंज इवेंट

Question

क्या एचटीएमएल इनपुट टेक्स्ट फ़ील्ड पर टेक्स्ट चेंज का पता लगाने के लिए टेक्स्ट चेंज इवेंट को लागू करने का कोई तरीका है?
कुंजी घटनाओं (कुंजी दबाए गए आदि) का उपयोग करके इसे अनुकरण करना संभव है, हालांकि यह वास्तव में निष्पादक और कठिन नहीं है, क्या कोई बेहतर तरीका है?

Answer 1

जब मैं ऐसा कुछ कर रहा हूं तो मैं ऑनकेप ईवेंट का उपयोग करता हूं।

<script type="text/javascript"> 
function bar() { 
     //do stuff 
} 
<input type="text" name="foo" onKeyUp="return bar()" /> 

लेकिन आप एक एचटीएमएल घटना का उपयोग नहीं करना चाहते हैं, तो आप इस उदाहरण में jQuerys .change() विधि

$('.target').change(function() { 
    //do stuff 
}); 

उपयोग करने के लिए इनपुट एक वर्ग है करने के लिए होगा की कोशिश कर सकते "लक्ष्य "

आप एक से अधिक पाठ बॉक्स है कि आप के लिए एक ही बात करना चाहते हैं जब उनके पाठ बदल गया है करने जा रहे हैं और आप अपने डेटा की जरूरत है तो आप ऐसा कर सकता है यदि:

$('.target').change(function(event) { 
    //do stuff with the "event" object as the object that called the method 
)}; 

इस तरह आप एक ही कोड का उपयोग कर बिना किसी कोड को दोबारा लिखने के लिए एक ही कक्षा का उपयोग कर एक ही कोड का उपयोग कर सकते हैं।

Answer 2

खैर जब तक कि मैं गलत तुम सिर्फ onChange विशेषता का उपयोग कर सकते हैं:

<input type="text" onChange="return bar()"> 

नोट: या तो दूर क्लिक करके एफएफ 3 (कम से कम) इस नहीं बुलाया जाता है कुछ तेह उपयोगकर्ता उनके बदल ने पुष्टि की है जब तक में फार्म तत्व, प्रवेश पर क्लिक करें, या अन्य।

Answer 3

ऑन चेंज तब तक आग नहीं करता जब तक कि आप बाद में फोकस न करें। यदि आप सभी प्रकार के तात्कालिक परिवर्तनों के साथ वास्तव में सख्त होना चाहते हैं, तो उपयोग करें:

<input 
    type  = "text" 
    onchange = "myHandler();" 
    onkeypress = "this.onchange();" 
    onpaste = "this.onchange();" 
    oninput = "this.onchange();" 
/>