八、事件注册

最新推荐文章于 2024-03-18 20:53:44 发布

二旬、

最新推荐文章于 2024-03-18 20:53:44 发布

阅读量185

点赞数

分类专栏：小白 - JAVA前端（初）

本文链接：https://blog.csdn.net/weixin_45602227/article/details/106187293

版权

小白 - JAVA前端（初）专栏收录该内容

10 篇文章 0 订阅

订阅专栏

一、注册事件的方式

1.1 直接在html元素上注册

				方式一.直接在html元素上注册。

当body的元素全部加载完毕在执行show（）。

<body onload="show()">
		<input type="button"  onclick="op()" value="打开定时" />
		<input type="button"  onclick="op()" value="取消定时" />
	</body>

1.2 可以使用js代码先找到对应的对象在注册

				 方式二.可以使用js代码先找到对应的对象在注册。

var m=document.getElementById("b1")
	m.onclick=function(){
		
	}

二、常用的事件

				鼠标点击相关
						onclick   左键单机对象时触发
						ondblclick  双击对象时触发
						onmousedown 左键或右键单机对象时触发
						onmouseup   鼠标移过时触发
	
				鼠标移动相关
						onmousemove  鼠标移出时触发
						onmouseout    鼠标移入时触发
			    焦点相关
						onblur     对象失去焦点时触发
						onfocus   对象获取焦点时触发
				其他：
						onchange  对象或选中去的内容发生改变时
						onload   浏览器完成该对象的装在后触发
						onsubmit  表单提交时触发

>>>>>> 鼠标移入时显示时间，移出时鼠标隐藏

<script type="text/javascript">
		
		function timeHide(){
			var b=document.getElementById("box");
			b.innerHTML="";
		}

		function timeShow(){
			var b=document.getElementById("box");
			b.innerHTML=new Date().toString().fontcolor("red");
		}


	</script>
		
	<style type="text/css">
		#box{
			width:200px;
			height:200px;
			background: pink;
		}

	</style>	
	</head>
	<body >
		<div id="box"  onmousemove="timeHide()"  onmouseout="timeShow()"></div>	
	</body>

二旬、

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
八、事件注册

一、注册事件的方式1.1 直接在html元素上注册方式一.直接在html元素上注册。当body的元素全部加载完毕在执行show（）。<body onload="show()"> <input type="button" onclick="op()" value="打开定时" /> <input type="button" onclick="op()" value="取消定时" /> </body>1.2 可以使用js代码先
复制链接

扫一扫