js 怎么判断一个文本框是否获得焦点?

JavaScript028

js 怎么判断一个文本框是否获得焦点?,第1张

// 可以用document.activeElement判断

// document.activeElement表示当前活动的元素

 

// 查找你要判断的文本框

var myInput = document.getElementById('myInput')

if (myInput == document.activeElement) {

alert('获取焦点')

} else {

alert('未获取焦点')

}

一. 基本概念

JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。

在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。

二. 组成部分

javascript组成一个完整的 JavaScript 实现是由以下 3 个不同部分组成的:

核心(ECMAScript)、文档对象模型(Document Object Model,简称DOM)、浏览器对象模型(Browser Object Model,简称BOM)。

使用JS获取具有焦点控件的ID:

复制代码

代码如下:

$("#textID").click(function(){

var

act

=

document.activeElement.id

if(act

==

"textID"

){

alert("true")

}else{

alert("false")

}

}

)

使用jquery获取具有焦点控件的ID:var

act

=

$(document.activeElement).attr("id")

----------------------<input

type="text"

id="textID">

判断鼠标焦点

function addListener(element, e, fn) {

if (element.addEventListener) {

element.addEventListener(e, fn, false)

} else {

element.attachEvent("on" + e, fn)

}

}

addListener(document, "click", function (evt) {

var evt = window.event ? window.event : evt, target = evt.srcElement || evt.target

if (target.id == "div") {

//焦点在“div”中

return

} else {

//

}

})