在线等—jquery中input获取光标后促发事件是那个?

时间:2022-04-14 18:37:44

                <div class="left"></div>
                <div class="center"><input type="text" name="searchText" id="searchText"/></div>
                <div class="right"></div>

我要实现当这个input控件获得光标之后,就移除 <div class="center">中的样式表,并增加另一个样式表。
现在问题是,这个事件是怎么写, $("input#searchText").focus(function() {  这样写促发不了事件。
还有就是怎么找到<div class="center">这个DIV

5 个解决方案

#1



<input type="text" name="searchText" onfocus="return Ffocus()" id="searchText"/>

然后在写Ffocus方法

function Ffocus() {
            alert("asd");
        }


div还是给它个ID吧,这样就好找了

#2


focus解决方法如1楼所说

div如果不想加ID,用jquery找$("input#searchText")控件的parent

#3


onfocus事件里来触发JS方法

方法里来获取searchText改变样式

#4


 看看怎么就这么难呢?、????

#5


已经测试过了。        
<div class="center" style="margin: 13px">ccc
         <input type="text" name="searchText" id="searchText"/>
         </div>


<script type="text/javascript">
$(function(){
$('#searchText').focus(function(){
<!-- $(this).attr('className', 'left');-->
$(this).parent().attr('className', 'left');
});
$('#searchText').blur(function(){
<!-- $(this).attr('className', 'all2');-->
$(this).parent().attr('className', 'all2');
});

});

</script>

#1



<input type="text" name="searchText" onfocus="return Ffocus()" id="searchText"/>

然后在写Ffocus方法

function Ffocus() {
            alert("asd");
        }


div还是给它个ID吧,这样就好找了

#2


focus解决方法如1楼所说

div如果不想加ID,用jquery找$("input#searchText")控件的parent

#3


onfocus事件里来触发JS方法

方法里来获取searchText改变样式

#4


 看看怎么就这么难呢?、????

#5


已经测试过了。        
<div class="center" style="margin: 13px">ccc
         <input type="text" name="searchText" id="searchText"/>
         </div>


<script type="text/javascript">
$(function(){
$('#searchText').focus(function(){
<!-- $(this).attr('className', 'left');-->
$(this).parent().attr('className', 'left');
});
$('#searchText').blur(function(){
<!-- $(this).attr('className', 'all2');-->
$(this).parent().attr('className', 'all2');
});

});

</script>