JavaScript的事件
先写一个test测试函数以查看事件是否触发
function test(){var d=document.getElementById("tid");console.log("测试成功"+d) }
onclick 鼠标单击事件:
<input type="button" id="tid" value="单击事件" onclick="test()" />
<div onclick="test()">单击事件</div>
ondbclick 鼠标双击事件:
<input type="button" value="双击事件" ondblclick="test()"/>
onfocus 聚焦事件 当输入框获得鼠标焦点时触发事件
onblur 失焦事件 当输入框失去鼠标焦点时触发事件
<input type="text" onfocus="test()" onblur="test()" />
onload 当网页内容加载完毕后触发
onchange 当输入框/下拉框失去鼠标焦点 且 内容发生改变时 触发事件
onmouseover 移入鼠标
onmouseout 移走鼠标
<div style="background-color: aqua;" onmouseover="test()" onmouseout="test()">单击事件</div>