javascript中常用的事件

原创已于 2022-06-25 11:46:17 修改 · 259 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

于 2022-03-02 08:33:32 首次发布

前端三剑客专栏收录该内容

50 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		
		<script type="text/javascript">
			
			/*
			 *JS中常用的事件
			 * blur 失去焦点
			 * focus 获得焦点
			 * click 鼠标单击
			 * dbclick 鼠标双击
			 * 
			 * keydown 键盘按下
			 * keyup 键盘弹起
			 * 
			 * mousedown 鼠标按下
			 * mouseover 鼠标经过
			 * mousemove 鼠标移动
			 * mouseout 鼠标离开
			 * mouseup 鼠标弹起
			 * 
			 * reset 表单重置
			 * submit 提交表单
			 * change 下拉列表选中项改变，或文本框内容改变
			 * select 文本被选定
			 * load 加载

			 */
			
			//定义函数
			function say(){
				alert('hello js!!!');
			}
			
		
			
		</script>
		<!--注册事件的第一种方式，直接在标签内使用事件句柄-->
		<input type="button" value="hello" onclick="say()" />
		
		<input type="button" value="hello2" id="mybt"/>
		
		<input type="button" value="hello3" id="mybt1" />
		
		
		<script type="text/javascript">
			
			
				//通过匿名函数的形式调用
			document.getElementById("mybt1").onclick=function(){
				alert("test...............");
			}
			
			
			dosome=function(){
				alert("dosome....");
			}
				//获取按钮对象
				var btnObj=document.getElementById("mybt");
				
				//第二注为按钮对象的onclick属性赋值
				btnObj.onclick=dosome;
			
		</script>
		
	</body>
</html>