JavaScript

事件

1.事件的行为
	1.load事件 
	2.submit事件
	功能:表单提交时触发的事件
	注意:通过一个boolean的返回值,通知表单是否被提交
	提交
		返回值:
			true 可以提交表单
			false 不能提交表单 
	2.focus 事件
	功能:当元素获取焦点时要触发的操作
	4.blur
	功能:当元素失去焦点时要出发的事件

事件对象

什么是事件对象
事件对象中封装了事件要用到的一些参数和一些操作
2.获取事件对象(event对象)
	1.html元素中绑定事件
	<ANY onclick ="btnClick(event)">
	<script>
		function btnClick(event){
			//event表示事件对象
		}
	</script>
	2.使用js动态绑定
	<script>
		d1.onclick = function(event){
			
		}
	</script>
3.事件当中的常用属性
	1.事件源
		触发当前事件的元素是谁
		获取事件源
			通过 event.target 获取事件源
			返回DOM元素
	2.鼠标事件
		1.offsetX offersetY 
		获取鼠标在元素上的坐标点
		以元素左上角(0,0)计算的
		2.clientX clientY 
		获取鼠标在网页上的坐标点
		以网页左上方(0,0)开始计算的
		3.screenX screenY
		获取鼠标在显示器上的坐标
		以显示器左上角为(0,0)开始计算的
	3.键盘事件
		1.event.key
		得到按下的字符
		在keypress中 event.which 表示按下的ASCII码 
		在keydown中 event.which 表示的是键位码 只记录键位不记录字符
		 大小写的键位码是相同的。一些数字和标点的键位码可能是相同的。
	4.事件的冒泡
		什么是事件冒泡
			当激发了元素事件时,把父元素对应的事件也一起执行了
		场合:
			1.必须是父子元素或者是具备层级关系的元素
			2.为元素们设计了相同的事件
		2.阻止事件冒泡
			只让事件在当前元素中执行,不向上冒泡
			event.stopPropagation();
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值