jQuery鼠标键盘事件

最新推荐文章于 2023-09-03 22:32:59 发布

代码库加载中

最新推荐文章于 2023-09-03 22:32:59 发布

阅读量310

点赞数

分类专栏： JQuery 文章标签： jQuery鼠标键盘事件

本文链接：https://blog.csdn.net/weixin_44810547/article/details/88740364

版权

JQuery 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

jQuery鼠标键盘事件

<script type="text/javascript" src="js/jquery-1.8.2.js"></script>
<meta charset="UTF-8">

<title>jQuery事件 </title>
<script type="text/javascript">
       
        $(function(){
        	// 利用jQuery keydown 处理键盘按下事件
        	$("input").keydown(function(){
        		alert("键盘被按下");
        	});
        	
        	// 处理div1 中鼠标移动事件  mousemove
        	$("#div1").mousemove(function(){
        		console.log("您在div1区域内移动了鼠标！");
        	});
        	
        	// 处理div 中鼠标悬浮事件  mouseover
        	$("#div2").mouseover(function(){
        		console.log("您在div2区域内悬浮了鼠标！");
        	});
        	
        	
        	// 处理div3 中鼠标移动事件  mousemove
        	$("#div3").mouseout(function(){
        		console.log("您在div3鼠标离开！");
        	});
        });		
</script>
</head>
<body>
 	<input type="text" "" />
 	
 	<div id="div1" style="height: 100px;width: 300px;border: 2px solid red;">
 	</div>
 	
 	<div id="div2" style="height: 100px;width: 300px;border: 2px solid blue;">
 	</div>
 	
 	<div id="div3" style="height: 100px;width: 300px;border: 2px solid green;">
 	</div>
</body>
</html>

代码库加载中

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery鼠标键盘事件

jQuery事件<script type="text/javascript" src="js/jquery-1.8.2.js"></script><meta charset="UTF-8"><title>jQuery事件 </title><script type="text/javascript"> ...
复制链接

扫一扫