2010-03-13 22 views
15

मैं सबमिट बटन से फोकस कैसे हटा सकता हूं? कारण है कि यह पहली थाली में नहीं है मैं नहीं जानता, और यह यहाँ वास्तव में बदसूरत लग रहा है एक स्क्रीनशॉट है:सबमिट बटन से फोकस को कैसे हटाएं

alt text http://i44.tinypic.com/xg0i93.png

और यहाँ यह की तरह दिखना चाहिए कैसे है, यह अपनी उपस्थिति के बाद मैं बगल में क्लिक करें आ यह और इसे होवर करें। alt text http://i43.tinypic.com/11ug2o1.png

उत्तर

24

यह काम किया:

<button onClick='this.form.submit()'>Button Text</button> 

कि "submit" कोड के लिए कार्यक्षमता और इस प्रकार ध्यान केंद्रित समस्या निकालता है:

var selectedInput = null; 
$(document).ready(function() { 
    $('input, textarea, select').focus(function() { 
     this.blur(); 
    }); 
}); 
+1

ध्यान दें कि किसी भी ध्यान देने पर बटन को धुंधला करके आप दबाने बटन है, जो एक मानक व्यवहार ज्यादातर लोगों की उम्मीद है पर दर्ज द्वारा प्रपत्र प्रस्तुत करने में सक्षम नहीं होगा। यदि आप दृश्यमान दृश्य के बारे में चिंतित हैं तो क्यों मैंने नोटलाइन को हटाने की कोशिश नहीं की है और ध्यान केंद्रित किया है? –

+0

@bmoeskau यह तत्व को हटाने के साथ काम नहीं करता है और हां मैं भी सबमिट करने के लिए एंटर अक्षम करना चाहता हूं। – ant

0

एक फॉर्म में पहला सबमिट बटन हमेशा "फोकस" होता है, इसलिए, जब आप एंटर दबाते हैं, तो आपका फॉर्म सबमिट हो जाता है।

एक समान पद के लिए प्रतिक्रियाओं देखें: Stopping IE from highlighting the first submit-button in a form

+0

@naivists इसके विपरीत यह आईई में ठीक काम करता है, फ़ायरफ़ॉक्स – ant

+0

पर ध्यान केंद्रित कर रहा है, मोज़िला एचटीएमएल 5 को लागू करने की कोशिश कर रहा है और यह वही है जो आप देखते हैं। बेशक, आप एक साधारण जावास्क्रिप्ट बना सकते हैं जो दस्तावेज़ लोड इवेंट पर चलता है और उस विशेष सबमिट बटन पर 'blur() 'को कॉल करता है। हालांकि, यह अजीब लगता है ;-) – naivists

+0

जितना ज्यादा लगता है उतना ही यह काम नहीं करता है, मैंने इसे कई तरीकों से पहले से ही कोशिश की है। – ant

1

अपने शरीर या रूप में ...

<form onready="document.getElementById('submit').blur();"> 
... 
<input type="submit" id="submit" /> 
</form>

+0

मैं पहले से ही कुछ इसी तरह की कोशिश की और इस रूप में अच्छी तरह से काम नहीं कर M8 – ant

5

अपने बटन के सीएसएस में यह प्रयास करें, या संलग्न <a> की है कि यह है कि अगर आप क्या प्रयोग कर रहे हैं है मार्कअप (reference):

मन में
-moz-outline:0 none; 
outline:0 none; 

भालू यह एक मूल्यवान पहुँच/कुंजीपटल सुविधा है कि, इसलिए आदर्श आप कुछ वैकल्पिक फोकस संकेत देखने में अधिक भाता है कि प्रदान करेगा आप को।

+0

मैं बटन का उपयोग कर रहा लंगर नहीं टैग – ant

+2

कृपया 'का उपयोग कर -moz-outline' रोक; फ़ायरफ़ॉक्स 1.5 के बाद से 'रूपरेखा' समर्थित है। A11y अनुस्मारक के लिए +1। – janmoesen

+1

यह भी देखें: http://stackoverflow.com/questions/71074/how-to-remove-firefoxs-dotted-outline-on-buttons-as-well-as-links – janmoesen

0

आप के रूप में अपने बटन कोड कर सकते हैं।

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