js自动点击空白区域

JavaScript023

js自动点击空白区域,第1张

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

</head>

<script language="JavaScript">

function $(id){

return (document.getElementById(id))

}

function show_div(evt) {

var od = $('div1')

var e = window.event || evt

var o = e.srcElement || e.target

with (od.style) {

display = 'block'

left = o.offsetLeft + 'px'

top = o.offsetTop + o.offsetHeight + 1 + 'px'

}

}

function hide_div(evt) {

$('div1').style.display = 'none'

}

function control_bubble(oEvent) {

//取消冒泡

oEvent = oEvent || window.event

if (document.all) {

oEvent.cancelBubble = true

} else {

oEvent.stopPropagation()

}

}

function fill_input(oEvent) {

$('text1').value = $('div1').innerHTML

control_bubble(oEvent)

}

window.onload = function() {

$("text1").onfocus = show_div

document.onclick = function() {

//隐藏层

hide_div()

}

$("text1").onclick = control_bubble

$("div1").onclick = fill_input

}

</script>

<body>

<br>

<input type="text" id="text1" value="">

<br>

<div id="div1" align="center"

style="background:#666position:absoluteoverflow:autodisplay:nonepadding:50px">点击我</div>

</body>

</html>

把鼻子配制成一个div块

然后在div块里面添加一个mouseenter方法

例子：

var dov = document.getElementsByClassName("yincangkuang2")[0]

alert("创建对象成功")

dov.addEventListener("mouseenter",function(){

alert("成功进入方法")

document.getElementById("yincangkuang1").style.color = "#00c"

alert("老铁稳")

document.getElementsByClassName("yincangkuang")[0].style.display = "block"

},true)

$(document).on('click',function(event){

判断event.target 来源dom对象，

如果是你指定的input或者select ,return false

$('xxx').hide()

})