JavaScript 事件

JavaScript 事件

HTML 事件是发生在 HTML 元素上的事情。

当在 HTML 页面中使用 JavaScript 时, JavaScript 可以触发这些事件。
比如:鼠标点击事件

<!DOCTYPE html>
		<html>
		<head>
	    <meta charset="utf-8"> 
		</head>
		<body>
		
		<h1>button按钮的点击事件</h1>
		
			<button onclick="firstFunction()"> 点我会弹出弹窗</button>
		
		<script>
			
			function firstFunction(){
			
			alert("button按钮的点击事件")
		
			}
		</script>
		
		</body>
		</html>

比较常见的HTML事件

下面是一些常见的HTML事件的列表:

事件作用
onchangeHTML 元素改变
onclick 用户点击HTML 元素
onkeydown用户按下键盘按键
onload浏览器已完成页面的加载
onmousedown当元素上按下鼠标按钮时触发。
onmousemove当鼠标指针移动到元素上时触发。
onmouseout当鼠标指针移出元素时触发。
onmouseover当鼠标指针移动到元素上时触发。
onmouseup当在元素上释放鼠标按钮时触发。
onscroll当元素滚动条被滚动时运行的脚本。

更多事件:菜鸟教程 W3School

JavaScript 事件能做什么?

1,事件可用于处理表单验证,用户输入,用户行为及浏览器动作等:
比如:

  1. 页面加载时触发事件
  2. 页面关闭时触发事件
  3. 用户点击按钮执行动作
  4. 验证用户输入内容的合法性 ,这可以节省你的业务时间和开支
  5. 可以处理表单,设置cookie。

2,可以使用多种方法来执行 JavaScript 事件代码:
比如:

  1. HTML 事件属性可以直接执行
  2. JavaScript 代码 HTML 事件属性可以调用
  3. JavaScript 函数 你可以为 HTML元素指定自己的事件处理程序
  4. 你可以阻止事件的发生。
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值