<head></head>
<script>
function click_button(){//事件处理程序,弹出提示框
alert('welcome to xiaomang\'s codepen'); }
function mDown(obj) // 按下鼠标 的 事件处理程序
{
obj.style.backgroundColor="#1ec5e5";
obj.innerHTML="release your mouse"
}
function mUp(obj)
// 松开鼠标 的 事件处理程序
{
obj.style.backgroundColor="green";
obj.innerHTML="press here"
}
function no_empty(x)
{
if (x.value=="")
{
alert('input cannot be empty');
}
}
</script>
<body align="left">
<button οnclick="click_button()">敢不敢点我</button>
move your mouse to here
输入你的名字:<input type="text" οnblur="no_empty(this)"> </body>
常用事件有:
onclick单击
ondblclick双击
onfocus元素获得焦点
onblur元素失去焦点
onmouseover鼠标移到某元素之上
onmouseout鼠标从某元素移开
onmousedown鼠标按钮被按下
onmouseup鼠标按键被松开
onkeydown某个键盘按键被按下
onkeyup某个键盘按键被松开
onkeypress某个键盘按键被按下并松开