1.鼠标单击事件(onClick)
<input type="button" value="鼠标单击事件" onClick="show()" />
<script>
function show(){
alert("按钮真的响应了!!");
}
</script>
2.鼠标经过事件(onMouseOver)
<input type="button" value="鼠标经过事件" onMouseOver="show()" />
<script>
function show(){
alert("鼠标一放上去怎么就响应了!!");
}
</script>
3.鼠标移开事件(onMouseOut)
<input type="button" value="鼠标移开事件" onMouseOut="show()" />
<script>
function show(){
alert("鼠标一移开就响应了!!");
}
</script>
4.光标聚集事件(onFocus)
<input type="text" value="光标聚集事件" onFocus ="show()" />
<script>
function show(){
alert("刚想写点东西就响应了!!");
}
</script>
5.失焦事件(onBlur)
<input type="text" value="失焦事件" onFocus ="show()" />
<script>
function show(){
alert("刚想离开这个文本框就响应了!!");
}
</script>
6.内容选中事件(onSelect)
<input type="text" value="内容选中事件" onSelect ="show()" />
<script>
function show(){
alert("刚想复制这段文字就响应了!!");
}
</script>
- 文本框内容改变事件(onChange)
<input type="text" value="文本框内容改变事件" onChange ="show()" />
<script>
function show(){
alert("小样,你以为你穿个马甲我就不认识了!!");
}
</script>
8.用户进入页面时被触发(onLoad)和用户离开页面时被触发(onUnLoad)
onload 事件可用于检测访问者的浏览器类型和浏览器版本,并基于这些信息来加载网页的正确版本。
onload 和 onunload 事件可用于处理 cookie。
网友评论