怎么用Jquery获得当前焦点的父标签的标签名

怎么用Jquery获得当前焦点的父标签的标签名,第1张

$(this)parent()是获取当前焦点的父标签而获取当前焦点的父标签的标签名基本都是知道这个父标签的标签名来获取这个标签的例
如$(this)parents('input');但如果你非要这样做最好你自己在定义的时候就写个没用的属性然后获取这个属性里的
value例如:<input
tagName="input"
type="text"/>tagName
是自定义的属性然后你这样获取$(this)parent()attr('tagName');

首先我要说你的事件注册的不对,应该这样写:
$("#two")focus();
$("div")keydown(function(e){
if(ekeyCode == 13){
alert($(this)html());
}
});
其次,div默认是不能focus的,所以你的焦点就没进去。
如果你实在是要实现div的focus,并且按回车显示内容的话,我有一个办法能达到你的效果。
把三个div换成这样:
<div id="one" contenteditable="true">oooo</div>
<div id="two" contenteditable="true">tttt</div>
<div id="three" contenteditable="true">hhhh</div>
不管IE还是火狐都能达到你的效果。

$("#textID")click(function(){
var act = documentactiveElementid;
if(act == "textID" ){
alert("true");
}else{
alert("false");
}
} );
----------------------------------------
<input type="text" id="textID">
Jquery就是JS的类库,所以可以用js提供的方法。这样就可以判断焦点了。
想实现你的功能,你要在加一个flag。
var checkFlag = true;
默认是true,当第一次获得焦点的时候设置为true,如果已经是焦点的话就设置成false。然后再通过判断。具体就不写了。

代码如下:
Indexhtml
<form action="" method="post">
<h2>用户登陆</h2>
<span>用户名</span><input type="text" value="请输 入你的用户名" name="username" id="username">
<span>密 码</span><input type="password" value="" name="password" id="password">
<br/>
<button type="submit" id="login">登陆</button>
</form>
jQuery实现部分代码:
// 获取用户名
// 获取焦点
$("#username")focus(function(){
//获取当前文本框的值
var curValue=$(this)val();
if(curValue==thisdefaultValue){
$(this)val("");
}
});
//失去焦点
$("#username")blur(function(){
var curValue=$("#username")val();
if($trim(curValue)==""){
$(this)val(thisdefaultValue);
}
});

在jquery里可以直接用isNaN(),因为他是JavaScript的类库。是由JavaScript语言写的。
例如:
<script type="text/javascript">
$(document)ready(function(){
alert(isNaN($('#id')val()));
});
</script>可以直接使用

$(function(){
$('#search_auto')css({'width':$('#search input[name="k"]')width()+4});
$('#search input[name="k"]')keyup(function(){
$post('search_autophp',{'value':$(this)val()},function(data){
if(data=='0'){
$('#search_auto')html('')css('display','none');
}else{
$('#search_auto')html(data)css('display','block');
}
});
})focusout(function(){
$('#search_auto')html('')css('display','none');
});
});
试试,建议用jquery的插件 jquery-autocomplete

$(function(){

$(":text")focus(function(){

thisselect();

});

});

JQuery文本框获得焦点背景颜色改变:

1先使用jQuery选择器找到所有的文本框。

2为文本框注册获得焦点事件,即focus事件。

3在焦点事件的事件处理函数中对当前得到焦点的文本框设置背景色。

4注册失去焦点事件,即blur事件。

5在失去焦点的事件处理函数中对当前触发事件的文本框改变背景颜色。

<script type="text/javascript">

$(function(){

//找到文本框,并注册得到焦点事件。

$("input:text")focus(function(){

//让当前得到焦点的文本框改变其背景色。

$(this)css("background","pink");

});

//找到文本框,并注册失去焦点事件

$("input:text")blur(function(){

//让当前失去焦点的文本框背景色变为白色。

$(this)css("background","white");

});

});

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/13341061.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-07-18
下一篇 2023-07-18

发表评论

登录后才能评论

评论列表(0条)

保存