<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
div如果不想加ID,用jquery找$("input#searchText")控件的parent
#3
onfocus事件里来触发JS方法
方法里来获取searchText改变样式
方法里来获取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>
<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
div如果不想加ID,用jquery找$("input#searchText")控件的parent
#3
onfocus事件里来触发JS方法
方法里来获取searchText改变样式
方法里来获取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>
<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>