JavaScript的事件

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>