<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<script language="JavaScript">
function handle(oEvent) {
if (window.event) { //适配IE
oEvent = window.event;
}
var oDiv = document.getElementById('display')
oDiv.innerHTML += oEvent.type + "<br>"
}
//DOM绑定鼠标事件
window.onload = function() {
var oImg = document.getElementsByTagName("img")[0];
//alert(oImg);
//getElementsByName("")
//getElementById('img')
//alert(oImg);
oImg.onmousedown = handle;
oImg.onmouseup = handle;
oImg.onmouseout = handle;
oImg.onclick = handle;
oImg.ondblclick = handle;
}
</script>
<!-- onload="alert('divOnload')" -->
<body onunload="alert('IE才支持')">
<img id="img" src="../js事件监听/Snipaste_2019-11-25_15-25-23.png" style="float: left; padding: 0px 8px 0px 0px;" />
<br />
<div id="display">
mydiv
</div>
<!-- onsubmit= 'return false' 取消事件 -->
<form action="http://www.baidu.com" onsubmit="alert('准备体提交了')">
<input type="text" value="a" onfocus="alert('获取焦点')" onfocusout="alert('onfocusout')" onblur="alert('失去焦点')" />
<br />
<input type="text" value="b" onchange="alert('onchange')" />
<br />
<select onchange="alert('select onchange')">
<option>上海</option>
<option>北京</option>
</select>
<br />
<input type="submit" name="提交" id="subimitBtn" value="提交" />
</form>
</body>
</html>
js学习第6天：常见事件/鼠标/焦点/值的改变...
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
