<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>
这个用jquery就相当简单了。原生态js稍微复杂些html代码：
<div id="img">
<img src="..1.jpg">
<img src="..1.jpg">
</di>
<br/>
<input type="text" id='in'>
css代码：
#img{display：none}
jqury代码：
$(function(){
$("#in").foucs(function(){
$("#img").show()
}) .blur(funtion(){
$("#img").hide()
})
})
原生态的js我没时间写。下次给你写
