您的位置：首页 > Web前端 > JavaScript

javascript事件响应

2016-02-29 11:19 549 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： javascript

相关文章推荐

新的分享

章节导航