2013-06-11 16 views
5

Lütfen bana taş atmayın çünkü js ve jquery'de yeni bir kullanıcıyım. Bir div odaklamak mümkün mü? Sadece div tıklandığında VEYA odaklandığında ve div'un dışını tıklattığımızda olayları işlemek istedim. Bunun gibi bir şey:Div nasıl odaklanır?

HTML:

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

JS: önceden

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

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

teşekkürler!

http://jsfiddle.net/QAkGV/

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

Veya:

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

stil için, siz de anahat CSS özelliğini ayarlayabilirsiniz:

+0

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

+0

Bu bağlantıya bakın, bence bu size yardımcı olabilir http://stackoverflow.com/questions/3656467/is-it-possible-to-focus-on-a-div-using-javascript-focus- işlev – Bharu

cevap

22

Sen tabindex niteliğini belirlemek zorunda

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

Tam olarak aradığım şey bu! Çok teşekkürler! – user1178399

+0

evet Div öğesi 1'e odaklanmak için tabindex özelliğini -1 ayarlamalısınız. JQuery .focus çalışması http://vijaylathiya.blogspot.in/2014/04/move-cursor-focus-to-div-element- using.html –