【js】关于div的焦点问题 div内有个input,如果input获取了焦点,那么div此时算是

JavaScript014

【js】关于div的焦点问题 div内有个input,如果input获取了焦点,那么div此时算是,第1张

div此时是有焦点的,鼠标监听事件可以给你准确的答案

<script type="text/javascript">

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 == "input") {

alert("鼠标在input中")

return

} else {

while (target.id != "div" &&target.nodeName.toLowerCase() != "html") {

target = target.parentNode

alert("鼠标在div中")

}

if (target.nodeName.toLowerCase() == "html") {

//焦点在div之外

}

}

})

</script>

div是没有focus和blur事件的,可以focus可以使用click代替,blur事件可以当click响应时监控一下click事件,如果点击不是这个div.就响应blur要执行的事件

var Apdiv=document.getElementById("apDiv1s")

Apdiv.focus()

或者 在body

<body onload="document.form名.你想获取焦点的那一个属性名.focus()">

<body onload="document.form1.input1.focus()">

<form name="form1">

<imput name="input1"/>

</form>

</body>