HTML 事件触发浏览器中的动作（action），比如当用户点击某个 HTML 元素时启动一段 JavaScript。下面是一个属性列表，这些属性可插入 HTML 标签来定义事件动作。
onclick ???????当用户点击某个对象时调用的事件句柄。ondblclick ????当用户双击某个对象时调用的事件句柄。onfocus ???????元素获得焦点。 ??????????????//练习：输入框onblur ????????元素失去焦点。 ??????????????应用场景：用于表单验证,用户离开某个输入框时,代表已经输入完了,我们可以对它进行验证.onchange ??????域的内容被改变。 ????????????应用场景：通常用于表单元素,当元素内容被改变时触发.（三级联动）onkeydown ?????某个键盘按键被按下。 ?????????应用场景: 当用户在最后一个输入框按下回车按键时,表单提交.onkeypress ????某个键盘按键被按下并松开。onkeyup ???????某个键盘按键被松开。onload ????????一张页面或一幅图像完成加载。onmousedown ???鼠标按钮被按下。onmousemove ???鼠标被移动。onmouseout ????鼠标从某元素移开。onmouseover ???鼠标移到某元素之上。onmouseleave ??鼠标从元素离开onselect ?????文本被选中。onsubmit ?????确认按钮被点击。
练习一、event及输入框
<input class="keyword" type="text" onfocus="func1();" onblur="func2()" value="请输入用户名" ><script> ???function func1(){// ???????alert(111) ???????var ky=document.getElementsByClassName("keyword")[0]; ???????ky.value="" ???} ???function func2(){// ???????alert(222) ???????????????var ky=document.getElementsByClassName("keyword")[0]; ???????????????if (ky.value.trim().length==0){ ???????????????????ky.value="请输入用户名" ???????????????} ???}</script>
HTML DOM Event
原文地址：http://www.cnblogs.com/Jason-Born/p/7879655.html