2013-06-11 8 views
5

कृपया मुझ पर पत्थरों को फेंक न दें क्योंकि मैं जेएस और jquery में कुल नौसिखिया हूँ। क्या एक div पर ध्यान केंद्रित करना संभव है? मैं सिर्फ div को क्लिक करते समय ईवेंट को संसाधित करना चाहता था या केंद्रित है और जब हम div के बाहर क्लिक करते हैं। ऐसा ही कुछ:div पर ध्यान केंद्रित कैसे करें?

HTML:

<div id="focusedDiv"></div> 

जे एस:

$("#focusedDiv").focus(function() { 
     .... 
    }); 

    $("#focusedDiv").focusout(function() { 
     ....   
    }); 

अग्रिम धन्यवाद!

http://jsfiddle.net/QAkGV/

<div id="focusedDiv" tabindex="-1"></div> 

या::

$("#focusedDiv").attr('tabindex',-1).focus(function() { 
     .... 
    }); 

शैली के लिए, आप रूपरेखा सीएसएस संपत्ति भी सेट कर सकते हैं:

+0

http : //stackoverflow.com/a/ 3777600/1763929 – Vucko

+0

इस लिंक का संदर्भ लें, मुझे लगता है कि यह आपकी मदद कर सकता है http://stackoverflow.com/questions/3656467/is-it-possible-to-focus-on-a-div-using-javascript-focus- फ़ंक्शन – Bharu

उत्तर

22

आप tabindex विशेषता सेट करने के लिए

$("#focusedDiv").css('outline',0).attr('tabindex',-1).focus(function() { 
     .... 
    }); 
+0

वही है जो मैं ढूंढ रहा था! आपका बहुत बहुत धन्यवाद! – user1178399

+0

हां तत्व तत्व पर ध्यान केंद्रित करने के लिए आपको 1 से पहले टैबिन्डेक्स प्रॉपर्टी -1 सेट करने की आवश्यकता है। फ़ोकस कार्य http://vijaylathiya.blogspot.in/2014/04/move-cursor-focus-to-div-element- using.html –

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