关于jQuery的keyup()事件的使用

心已赠人 2021-12-15 09:39 321阅读 0赞

jQuery是个非常优秀的前端的框架内，我们这次来接收一下keyup事件，来看一下官方给出的说法keyup事件会在按键释放时触发。说普通一点就是这个事件会当你按完键盘就触发这个事件

<html>
    	<head>
    		<meta charset="UTF-8">
    		<title></title>
    		<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
    		<script type="text/javascript">
    				//第一种方式
    				$(document).ready(
    					function(){
    					$("input").keyup(
    						function(){
    							$("input").css("background-color","red");
    						});
    				});
    				//第二种方式
    				$(document).ready(function(){
    					$("#in").keyup(
    						function(){
    							$("input").css("background-color","greenyellow");
    						}
    					);
    				});
    				//第三种方式
    				$(document).ready(function(){
    					$("#in").bind("keyup",function(){
    						$("#in").css("background-color","red");
    					});
    				});
    		</script>
    	</head>
    	<body>
    		<input id="in" type="text"/>
    	</body>
    </html>

转载于:https://www.cnblogs.com/tranquilityMan/p/11006804.html

发表评论取消回复

表情：

评论列表（有 0 条评论，321人围观）

还没有评论，来说两句吧...

相关阅读

相关 easyui-textbox绑定keyup事件

easyUI textbox不能直接绑定keyup事件，但是实际中遇到这种需求怎么办？下面给大家介绍一种绑定keyup事件的方法，亲测有效： <input id='s

秒速五厘米/ 2023年10月18日 08:57/ 0 赞/ 83 阅读

相关 JavaScript 的keydown,keypress,keyup事件

JavaScript 中提供keydown,keypress,keyup 三种事件。从字面上理解的话，keyup就是被按的键释放了（弹起来了）才触发；keydown 和keyp

缺乏、安全感/ 2022年08月03日 08:28/ 0 赞/ 265 阅读

相关移动端keyup事件

最近在做一个项目需求，需要实现一个类似谷歌搜索的功能，可以模糊匹配到中文和字母。当时想到了keyup事件，每当键盘按下时监控input框值的变化，在电脑和安桌手机上测试都没有问

不念不忘少年蓝@/ 2022年07月15日 11:43/ 0 赞/ 321 阅读

相关【c#】键盘事件（keypress keydown keyup）

【前言】最近小编在学习c\视频的时候遇到了小小的阻力，对于键盘的keydown，keyup，keypress事件不是很理解，有一点小小的强迫症，让我们对他们

向右看齐/ 2022年07月14日 08:54/ 0 赞/ 385 阅读

相关 easyUI textbox 绑定keyup事件

工程中前端框架为easyui，需求是当一个input（easyui 的textbox）中输入内容后，自动转换为大写，因此需要给这个input绑定keyup事件，而easyui貌

客官°小女子只卖身不卖艺/ 2022年05月22日 00:17/ 0 赞/ 231 阅读

相关 vue 监听键盘回车事件详解 @keyup.enter || @keyup.enter.native

vue运行为v-on在监听键盘事件时，添加了特殊的键盘修饰符： <input v-on:keyup.13="submit"> vue还非常贴心地给出了常用按键的别名，这样就

谁践踏了优雅/ 2022年03月30日 05:39/ 0 赞/ 861 阅读

相关 EasyUI TextBox的onkeypress、keyup事件、实时监控textbox事件

关于EasyUI TextBox的事件好像不多,像keypress,keydown在textbox的事件里都没有，所以要用这些事件要采取一些特殊的方法，今天用到了这些就记录一下

超、凢脫俗/ 2022年02月04日 16:55/ 0 赞/ 525 阅读

相关 Vue中的@keyup事件

什么是 @keyup ？ @keyup 是按键松开的事件，当指定的按键松开会触发的事件。常用的事件如下： <table style="width:500

桃扇骨/ 2021年12月18日 19:07/ 0 赞/ 835 阅读

相关关于jQuery的keyup()事件的使用

jQuery是个非常优秀的前端的框架内，我们这次来接收一下keyup事件，来看一下官方给出的说法keyup事件会在按键释放时触发。说普通一点就是这个事件会当你按完键盘就触发这个

心已赠人/ 2021年12月15日 09:39/ 0 赞/ 322 阅读

相关 JavaScript keyup 事件

JavaScript keyup 事件当按键被松开时触发此事件。

小灰灰/ 2020年06月02日 14:09/ 0 赞/ 750 阅读