"एंटर"

Question

पर क्लिक करके टेक्स्टरेरा से डेटा सबमिट करना मेरे पास जेएस के साथ गतिशील वेब पेज है। textarea और बटन भेजें, लेकिन फॉर्म टैग नहीं है। मैं कैसे कर सकता हूँ बटन आग जमा करें और पाठ क्षेत्र को मंजूरी दे दी हो जब दर्जपाठ क्षेत्र में दबाया जाता है?

Answer 1

आप टेक्स्टरेरा के लिए एक कीप हैंडलर का उपयोग कर सकते हैं (हालांकि मैं इसके खिलाफ सलाह दूंगा *)।

[SomeTextarea].onkeyup = function(e){ 
    e = e || event; 
    if (e.keyCode === 13) { 
    // start your submit function 
    } 
    return true; 
} 

* क्यों इस के लिए एक पाठ इनपुट क्षेत्र का उपयोग नहीं? Textarea multiline इनपुट के लिए विशेष रूप से उपयुक्त है, एकल लाइन इनपुट के लिए एक पाठ इनपुट फ़ील्ड। एक एंटर हैंडलर के साथ आप मल्टीलाइन इनपुट को क्रिप्ल करते हैं। मुझे एक बार XHR (उर्फ AJAX) चैट एप्लिकेशन के लिए इसका उपयोग करना याद है (इसलिए टेक्स्टरेरा एक एमएसएन इनपुट क्षेत्र की तरह व्यवहार करता है), लेकिन नई लाइनों के लिए CTRL-enter कुंजी का उपयोग करके मल्टीलाइन इनपुट को फिर से सक्षम किया गया। क्या यह आपके लिए एक विचार हो सकता है? श्रोता इस तरह बढ़ाया जा होगा:

जावास्क्रिप्ट में:

function isEnterPressed(e){ 
var keycode=null; 
if (e!=null){ 
    if (window.event!=undefined){ 
     if (window.event.keyCode) keycode = window.event.keyCode; 
     else if (window.event.charCode) keycode = window.event.charCode; 
    }else{ 
     keycode = e.keyCode; 
    } 
} 
return (keycode == 13);} 

एचटीएमएल में:

[SomeTextarea].onkeyup = function(e){ 
    e = e || event; 
    if (e.keyCode === 13 && !e.ctrlKey) { 
    // start your submit function 
    } 
    return true; 
} 

Answer 2

textarea में एंटर मारना पैरेंट फॉर्म सबमिट करने के बजाय लाइन ब्रेक डालें; यह नियमित रूप से टैग टैग के साथ भी उस फैशन में काम नहीं करेगा।

यह इस व्यवहार के आसपास काम करने का प्रयास करने के लिए अचूक होगा, क्योंकि यह उपयोगकर्ता की अपेक्षाओं का उल्लंघन करेगा कि पाठ क्षेत्र नियंत्रण कैसे अन्य वेबसाइटों में और उनके प्लेटफ़ॉर्म पर अन्य अनुप्रयोगों में व्यवहार करता है।

Answer 3

यहाँ मेरी समाधान है

<input type="text" onkeyup="if(isEnterPressed(event)){/*do something*/}" /> 

Answer 4

@ Shog9 सुझाव दिया है कि मैं नकल मेरी इस प्रश्न के डुप्लिकेट संस्करण का उत्तर दें: यह एक समस्या है जो उपयोगकर्ताओं को चलाती है निंग इनपुट विधि (संपादक) - उदाहरण के लिए। गैर लैटिन पाठ प्रविष्टि। आईएमई मैं ओएसएक्स पर कोटेरी हिरगाना आईएम से परिचित हूं, लेकिन जापानी के लिए कई अन्य हैं (अकेले कोटेरी में कई अलग-अलग इनपुट मोड हैं, और कम से कम एक अन्य प्रमुख एटीओके कहा जाता है), हैंगुल के लिए मोड के अलावा, पारंपरिक और सरलीकृत चीनी, साथ ही साथ कई अन्य कम प्रसिद्ध भाषाओं। और ये इनपुट विधियां सभी प्रमुख प्लेटफ़ॉर्म (esp। Win, Mac, और Linux) पर मौजूद हैं।

जो समस्या आप कोशिश कर रहे हैं उसके समान कोड के दृष्टिकोण से पेश की गई समस्या यह है कि सटीक भौतिक कुंजी प्रेस आवश्यक रूप से वास्तविक इनपुट के अनुरूप नहीं है जो उपयोगकर्ता प्रवेश कर रहा है।

उदाहरण के लिए डिफ़ॉल्ट रूप से हीरागाना कम आयु के चरित्रों toukyou<enter> के अनुक्रम टाइपिंग स्ट्रिंग とうきょう का उत्पादन करेगा, ध्यान दें कि परिणामी पाठ में कोई <enter> क्योंकि प्रवेश बना पाठ पुष्टि करता है। लेकिन यह है कि परिवर्तन दिखाई देता है पात्रों की वास्तविक अनुक्रम के अलावा के रूप में इनपुट टाइप किया जाता है:

t // t 
と // to 
とう // tou 
とうk // touk 
とうky // touky 
とうきょ // toukyo 
とうきょう // toukyou 

अगर स्मृति में कार्य करता है जब मैं वेबकिट यह कीकोड keydown पर 229 हो बनाने के लिए जरूरी हो गया था में यह लागू किया सभी चाबी के लिए आपके द्वारा लिखा गया एक आईएमई (आईई के साथ compat के लिए) में - लेकिन मुझे याद नहीं है कि keyUp का व्यवहार क्या है।

यह भी ध्यान देने योग्य है कि कुछ आईएमई में आपको जरूरी नहीं कि कीडाउन, कीप्रेस या कीप प्राप्त हो। या आप एकाधिक प्राप्त करेंगे। या वे सभी इनपुट के अंत में एक साथ भेजा जाता है।

आम तौर पर यह एक बहुत ... अशुद्ध ... वर्तमान में डोम घटना कार्यान्वयन का हिस्सा है।

Answer 5

टेक्स्टरेरा उपयोगकर्ताओं को टेक्स्ट की कई पंक्तियां दर्ज करने की इजाजत देने के लिए है, इसलिए एंटर दबाकर टेक्स्ट में केवल एक नई पंक्ति डाली जाएगी। यदि आप चाहते हैं कि व्यवहार

Answer 6

क्या कोई कारण है कि आप फ़ॉर्म रैपर का उपयोग नहीं कर रहे हैं तो सामान्य टेक्स्ट फ़ील्ड का उपयोग करें?

$('#input_id').keypress(function(e){ 
    if(e.which == 13){ 
     $('#form_id').submit(); 
     return false; //prevent duplicate submission 
    } 
});