js失去焦点事件(js 怎样判断ipunt失去焦点)
本文目录
js 怎样判断ipunt失去焦点
其实在失去焦点事件(blur)中,我们可以通过this传入的方式,将本元素传入到处理函数中。
下面我给你介绍下实现方式,具体的实现结构请调整为最合适自己项目的形式
《input id=“input1“ type=“text“ onblur=“inputOnblur(this)“》《input id=“input2“ type=“text“ onblur=“inputOnblur(this)“》function inputOnblur(input) { if (input.id == “input1“) // do something else if (input.id == “input2“) // do otherthing}此外,如果你的结构不方便在HTML中设置onblur,想通过事件注册的方式,可以在函数内部使用event.target来访问到具体的触发事件元素
javascript如何捕捉IE窗口失去焦点事件
你说的是从form元素切换的时候...会自动检查数据..那样blur就触发window.onblur是吧....我估计你是不是这样写的:《script》//error this -》 windowfunction checkform(){ if(this.value==““){ this.focus(); this.className=“highlight“; }}《/script》《style》 .highlight{ border:1px solid red; background:yellow;}《/style》《/head》《body》《form》 Name:《input id=“name“ size=20 onblur=“checkform(this);“》《br/》Email:《input id=“email“ size=20》《/form》《/body》这样传递this确实会传进去..但是这里不可以在函数里再次使用this..否则..this就会指向window...这个有点特殊要涉及到JS的上下文对象的问题..我记得有一次也有个人问这个问题的...当this在script标签中出现的时候..它就会出现这个上下文对象的问题...这个时候的this总是指向包围它的那个对象...比如...利用加载后触发事件:window.onload=function(){ document.getElementById(“name“).onblur=function(){ if(this.value==““){ this.focus(); this.className=“highlight“; } }}《/script》《style》 .highlight{ border:1px solid red; background:yellow;}《/style》《/head》《body》《form》 Name:《input id=“name“ size=20》《br/》Email:《input id=“email“ size=20》《/form》《/body》这个时候..当窗口加载完成后..它执行..查找ID为XX的元素...然后当这个元素blur的时候..这个时候..利用匿名函数..this就会指向ID的这个元素...也就是说...当想让this指向一个元素的时候...这个对象必须包围this..产生上下文对象..否则..this总是指向window...如..《script》 var foo=“check“; alert(this.foo); //display “check“ 《/script》此时this就指向window...这个代码这样写也是可以的..window.onload=function(){ document.getElementById(“name“).onblur=checkform;}function checkform(){ if(this.value==““){ this.focus(); this.className=“highlight“; }}这样..this还是指向id的元素...象你利用this传递值后....必须指定另一个形参来接受它这个值..因为function它是在全局状态下定义的...function此时就是window的一个方法而已...比如这样写..《script》 function checkform(elem){ if(elem.value==““){ elem.focus(); elem.className=“highlight“;}}《/script》《style》 .highlight{ border:1px solid red; background:yellow;}《/style》《/head》《body》《form》 Name:《input id=“name“ size=20 onblur=“checkform(this);“》《br/》Email:《input id=“email“ size=20》《/form》《/body》《/html》
JS可以有标签页失去焦点的事件吗
用这个试试:《body onblur=“fun_1()“》或者《body onblur=“fun_1()“》js:function fun_1(){ 这里写你要帮的事,如你与人关掉定时器}
更多文章:
爱读掌阅与掌阅iReader有何区别?《爱读掌阅》书签添加方法
2024年7月26日 05:10
在线翻译有道(译员扒:我译、语翼、有道、百度哪个翻译平台靠谱~)
2024年9月28日 15:35
下载的TXT是乱码,乱码转换器可以解决么?三国志8乱码转换器
2024年6月23日 04:43
qq下载2019最新版下载安装(怎样在电脑上下载安装qq软件)
2024年6月29日 03:50
梦幻西游暑假活动(梦幻西游手游暑假活动积分的使用方法技巧详细介绍)
2024年1月24日 21:40