js/jQery中的键盘监听事件触发回车键位登录触发教程及demo

js/jQery中的键盘监听事件触发回车键位登录触发教程及demo

在我们项目的过程中经常会遇到需要键盘
来控制的事件,比如:登录、搜索等,废话不多说上代码!!

我这里主要是做了两个的监听,一个是回车的,一个是通用复制的,
可以在判断中写入方法体来控制

 <script type="text/javascript">
	 $(this).keydown(function(event){ //监听键盘按下时的事件
	 	console.log(event.keyCode); //按下不同的按键,对应的event.keyCode也不同
	 	
	 	if(event.keyCode==13){
	 	alert("恭喜你按下了回车键")
	 	}
	 	
	 	if (event.ctrlKey && event.keyCode === 67){ 
	        alert('恭喜你按下了CTRL+C'); 
	      }
	 });
 </script>

分享下我的Demo html代码(随意写,不影响)

<body>
键盘监听事件:<textarea >请随意敲击键盘</textarea> <br /> 
</body>

event:主要就是这个属性来控制的键盘的点击
有兴趣的也可以去网上搜一下它的特点,至于我也
就是运用简单的操作。

而我在控制台输出的event.keyCode值,可以帮助你判断
你键盘的值从而来帮助你对某个键位做控制。

console.log(event.keyCode);

ps:大家可别忘了引入js文件,不然会出错
好了,希望我的文章对你有帮助^ . ^

猜你喜欢

转载自blog.csdn.net/weixin_42896618/article/details/84847941
今日推荐