का उपयोग कर एक टेक्स्ट इनपुट बॉक्स में परिवर्तन का पता लगाने, मैं पाठ इनपुट में अधिकांश सामग्री परिवर्तनों का पता लगाने के लिए कीप, फोकस, धुंध का उपयोग कर सकता हूं, हालांकि यदि उपयोगकर्ता प्रतिलिपि बनाते हैं और पेस्ट करते हैं पाठ इनपुट, मैं इस परिवर्तन को कैप्चर कैसे करूं? यहां मुद्दा यह है कि उपयोगकर्ता पहले से ही फोकस में है जब उपयोगकर्ता इसमें पेस्ट करता है।एचटीएमएल और जावास्क्रिप्ट में jquery/जावास्क्रिप्ट
उत्तर
आप पेस्ट घटना (http://www.quirksmode.org/dom/events/cutcopypaste.html)
$("#myinput").bind("paste",function(){
//code here
})
टेक्स्टबॉक्स में एक ऑन चेंज इवेंट है जो आग लगता है जब ए) टेक्स्ट बॉक्स फोकस खो देता है और टेक्स्ट बॉक्स में मान बदल गया है।
दुर्भाग्य से, यह, पेस्ट के लिए काम नहीं करता है क्योंकि ध्यान पाठ बॉक्स – user121196
तुम में खो नहीं है जब उपयोगकर्ता चिपकाता कुछ PASTE को नहीं पकड़ते, आप इस तथ्य को पकड़ रहे हैं कि जब उपयोगकर्ता टेक्स्टबॉक्स छोड़ देता है तो मान संशोधित किया गया है। –
$("#myinput").change(function(){
// whatever you need to be done on change of the input field
});
// Trigger change if the user type or paste the text in the field
$("#myinput").keyup(function(){
$(this).change();
});
// if you're using a virtual keyboard, you can do :
$(".key").live('click',function(){
$("#myinput").val($("#myinput").val()+$(this).val());
$("#myinput").change(); // Trigger change when the value changes
});
परिवर्तन घटना केवल तभी ट्रिगर होती है जब आप उस इनपुट फ़ील्ड को छोड़ते हैं, न कि प्रत्येक कुंजीपटल पर। कीप एक गड़बड़ है क्योंकि आप टैब कुंजी दबा रहे हैं - यह अगले तत्व पर ईवेंट ट्रिगर करेगा, जिसे आप टैब करेंगे (कम से कम फ़ायरफ़ॉक्स 5.0 में)! इसके अलावा - आप कह रहे हैं कि पेस्ट पर कीप इवेंट ट्रिगर किया जाएगा? - यह केवल सही है अगर आप कुंजीपटल के माध्यम से पेस्ट करेंगे, ब्राउज़र संदर्भ मेनू से नहीं। – ThatGuy
- 1. जावास्क्रिप्ट और एचटीएमएल
- 2. जावास्क्रिप्ट और एचटीएमएल
- 3. जावास्क्रिप्ट और एचटीएमएल
- 4. जावास्क्रिप्ट और एचटीएमएल कैनवास
- 5. एचटीएमएल 5 और जावास्क्रिप्ट
- 6. एचटीएमएल 5 और जावास्क्रिप्ट
- 7. एचटीएमएल iframes और जावास्क्रिप्ट
- 8. एचटीएमएल 5 और जावास्क्रिप्ट
- 9. एचटीएमएल 5 और जावास्क्रिप्ट
- 10. एचटीएमएल 5 और जावास्क्रिप्ट
- 11. एचटीएमएल/जावास्क्रिप्ट
- 12. जावास्क्रिप्ट एचटीएमएल
- 13. एचटीएमएल + जावास्क्रिप्ट
- 14. जावास्क्रिप्ट/एचटीएमएल
- 15. एचटीएमएल में कस्टम इवेंट, जावास्क्रिप्ट
- 16. एचटीएमएल 5 खींचें और ड्रॉप करें: जावास्क्रिप्ट
- 17. एचटीएमएल 5 और जावास्क्रिप्ट की भूमिका?
- 18. जावास्क्रिप्ट और एचटीएमएल 5 गेम बनाना
- 19. जावास्क्रिप्ट में पीडीएफ के लिए एचटीएमएल और सीएसएस
- 20. एचटीएमएल + जावास्क्रिप्ट जीयूआई सलाह
- 21. केवल एचटीएमएल (नो जावास्क्रिप्ट)
- 22. एचटीएमएल या जावास्क्रिप्ट
- 23. एचटीएमएल + जावास्क्रिप्ट सर्वर-साइड
- 24. एचटीएमएल 5 जावास्क्रिप्ट पुस्तकालय
- 25. एचटीएमएल 5 कैनवास जावास्क्रिप्ट
- 26. स्क्रिप्ट टैग (जावास्क्रिप्ट, एचटीएमएल)
- 27. एचटीएमएल 5 + जावास्क्रिप्ट
- 28. जावास्क्रिप्ट regex एचटीएमएल वर्ण
- 29. एचटीएमएल/जावास्क्रिप्ट: src set
- 30. एचटीएमएल 5 जावास्क्रिप्ट
यह अच्छा है! दुर्भाग्यवश पेस्ट सभी ब्राउज़रों esp में समर्थित नहीं है। एफएफ 3 – user121196