為什么div的target.nodeName 顯示的input
<div id="box">
<input id="btn1" value="按鈕一" type="button" onClick="ss()">
<input id="btn2" value="按鈕二" type="button">
<input id="btn3" value="按鈕三" type="button">
</div>
<script type="text/javascript">
function ss(event){
alert(event.target.nodeName)
}
function xx(event){
alert(event.target.nodeName)
}
var eventUtil={
//添加句柄
addHandler:function(el,type,handler){
if(el.addEventListener){
el.addEventListener(type,handler,false)
}else if(el.attachEvent){
el.attachEvent('on'+type,handler)
}else{
el['on'+type]=handler//用.點的地方都可以用中括號[]
}
},
//刪除句柄
removeHandler:function(el,type,handler){
if(el.removeEventListener){
el.removeEventListener(type,handler,false)
}else if(el.detachEvent){
el.detachEvent('on'+type,handler)
}else{
el['on'+type]=null//用.點的地方都可以用中括號[]
}
}
}
eventUtil.addHandler(btn3,'click',ss)
eventUtil.addHandler(box,'click',xx)
</script>
2019-03-14
event事件 是你點擊的dom元素所對應(yīng)的事件,如果你點擊input元素,則event.target.nodeName為 input,若你點擊<div>不要包含input ,則返回的是div元素名稱
2017-06-29
很簡單啊,你的button是建立在 input標簽上的,只不過是給input標簽的type設(shè)置成了button而已。
2017-05-23
你的事件是綁定在input節(jié)點上的