JavaScript学习:事件
JavaScript事件分析:
JavaScript是一门脚本语言, 也是一门基于面向对象的编程语言, 虽然没有专业面向对象编程语言那样规范的类的继承,封装等, 但有面向对象的编程必须要有事件的驱动, 才能执行程序.
JavaScript的主要事件:
onClick 鼠标单击事件
onChange 文本框内容改变事件
onSelect 文本框内容被选中事件
onFocus 光标聚焦
onLoad 网页导入
onUnload 关闭网页
onBlur 移开光标
onMouseOver 鼠标事件
onMouseOut 鼠标移动事件
onClick 鼠标单击事件, 通常与按钮一起使用
<input name="button" type="button" onclick="rec(this.form)" value="面积">
onChange 文本框内容改变
onFocusonLoad 装载事件
onBluronMouseOver 鼠标事件
onMouseOveronMouseOut 鼠标移开事件
onMouseOut其他常用事件:
onDbclick 鼠标双击事件
onMouseDown 鼠标按下事件
onMouseUp 鼠标弹起事件
onMouseMove 鼠标移动事件
onKeyPress 键盘输入事件
onMove 窗口移动事件
onScroll 滚动条移动事件
..................................
JavaScript是一门脚本语言, 也是一门基于面向对象的编程语言, 虽然没有专业面向对象编程语言那样规范的类的继承,封装等, 但有面向对象的编程必须要有事件的驱动, 才能执行程序.
JavaScript的主要事件:
onClick 鼠标单击事件
onChange 文本框内容改变事件
onSelect 文本框内容被选中事件
onFocus 光标聚焦
onLoad 网页导入
onUnload 关闭网页
onBlur 移开光标
onMouseOver 鼠标事件
onMouseOut 鼠标移动事件
onClick 鼠标单击事件, 通常与按钮一起使用
<input name="button" type="button" onclick="rec(this.form)" value="面积">
onChange 文本框内容改变
<html>
<head>
<title>onChange事件</title>
</head>
<body>
<form>
<input type="text" name="change" value="欢迎光临!" onChange=alert("谢谢再次光临!")>
</text>
</form>
</body>
</html>
onFocus 聚焦事件<head>
<title>onChange事件</title>
</head>
<body>
<form>
<input type="text" name="change" value="欢迎光临!" onChange=alert("谢谢再次光临!")>
</text>
</form>
</body>
</html>
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
<html>
<head>
<title>onLoad事件</title>
</head>
<body onLoad=alert("页面文件装载中,请稍候
")>
</body>
</html>
onUnLoad 卸载事件<head>
<title>onLoad事件</title>
</head>
<body onLoad=alert("页面文件装载中,请稍候
![](https://www.cnblogs.com/Images/dot.gif)
</body>
</html>
<html>
<head>
<title>onUnLoad事件</title>
</head>
<body onUnLoad=alert("真的要退出页面吗?请单击确定.")>
</body>
</html>
onBlur 失焦事件 当光标移开当前对象时执行, 和onFocus是相对的事件.<head>
<title>onUnLoad事件</title>
</head>
<body onUnLoad=alert("真的要退出页面吗?请单击确定.")>
</body>
</html>
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
![](https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif)
onDbclick 鼠标双击事件
onMouseDown 鼠标按下事件
onMouseUp 鼠标弹起事件
onMouseMove 鼠标移动事件
onKeyPress 键盘输入事件
onMove 窗口移动事件
onScroll 滚动条移动事件
..................................