javascript事件响应
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>单击事件</title>
<script type="text/javascript">
function openwin(){
window.open(
'http://www.imooc.com',
'_blank',
'height=600,width=400,top=100,toolbar=no,left=0,menubar=no,scrollbars=no,status=no');
}
function messageover(){
alert(' 鼠标经过事件');
}
function messageout(){
alert('onomouseout 鼠标移开事件');
}
function messagefocus(){
alert('onfocus 光标聚焦事件');
}
function messageonblur(){
alert('onblur 失焦事件');
}
function messageonselect(){
alert('onselect 内容选中事件');
}
function messageonchange(){
alert('onchange 文本框内容改变事件');
}
function messageonload(){
alert('onload 加载事件');
}
window.onunload = onunload_message;
function onunload_message(){
alert('onunload_message 卸载事件');
}
</script>
</head>
<!--加载事件-->
<!--卸载事件-->
<body onload="messageonload()" onunload="onunload_message()">
<from>
<!--点击事件-->
<input name="点击" type="button" value="点击" onclick="openwin()"/>
<br/>
<!--鼠标经过事件-->
<input name="确定" type="button" value="确定" onmouseover="messageover()" />
<br/>
<!--鼠标移开事件-->
<a href="http://www.imooc.com" onmouseout="messageout()">点击我</a>
<br/>
<!--光标聚焦事件-->
<select name = 'career' onfocus="messagefocus()">
<option>学生</option>
<option>教师</option>
<option>工程师</option>
<option>演员</option>
<option>会计</option>
</select>
<br/>
<!--失焦事件-->
用户:<input name="username" type="text" value="请输入用户名！" onblur="messageonblur()"/>
密码:<input name="password" type="text" value="请输入密码!"/>
<br/>
<!--内容选中事件-->
<!--文本框内容改变事件-->
个人简介:<br>
<textarea name="summary" cols="60" rows="5" onselect="messageonselect()" onchange="messageonchange()">
请输入个人简介,不少于200字</textarea>
<br/>
</from>
</body>
</html>
