常见事件:
- onclick 鼠标单击事件
- ondblclick 鼠标双击事件
- onchange 内容改变事件
- onfocus 获取焦点事件
- onblur 失去焦点事件
- onmouseover 鼠标悬停事件
- onmouseout 鼠标离开事件
- onsubmit 表单提交事件
- onload 文档加载事件
- onunload 文档卸载事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script>
//单击
function dj(){
alert("送你一巴掌")
}
//双击
function sj(){
alert("给你一刀")
}
function oc(th){
alert(th.value)//元素对象.value 获取表单中的value值
}
//获得焦点
function fr(th){
th.style.color="red";
}
//失去焦点
function bb(th){
th.style.color="blue"
}
function mm(th){
th.style.backgroundColor="yellow"
}
function ms(th){
th.style.backgroundColor="blue"
}
</script>
</head>
<body>
<button onclick="dj()">点击</button>
<input type="button" value="双击" ondblclick="sj()"></br>
<select name="" id="" onchange="oc(this)">
<option value="河南省" >河南省</option>
<option value="河北省">河北省</option>
<option value="江苏省" selected >江苏省</option>
<option value="四川省">四川省</option>
</select>
<input type="radio" value="男" name="sex" checked>男
<input type="radio"value="女" name="sex">女
</br>
<input type="text" placeholder="请输入用户名"onfocus="fr(this)" onblur="bb(this)">
<p onmousemove="mm(this)" onmouseout="ms(this)">
我是一段文字
</p>
<form action="基本语法.html" method="get" onsubmit="return sb()">
用户名:<input type="text" placeholder="请输入用户名" name="username" value="admin"></br>
<input type="submit" value="提交">
</form>
</body>
</html>