首页 > 网站 > WEB开发 > 正文

监听keyup 和keydown 事件

2024-04-27 15:08:58

字体：大中小

来源：转载

供稿：网友

keyup

http://www.Vevb.com.cn/jquery/event_keyup.asp

触发 keyup 事件

语法$(selector).keyup()

将函数绑定到 keyup 事件

语法$(selector).keyup(function)

keydown

http://www.Vevb.com.cn/jquery/event_keydown.asp

keydown 类似keyup，不在过多说明

案例

<!DOCTYPE HTML><html><head> <title>keydown&keyup</title></head><body><body>Enter your name: <input type="text" /><p>当发生 keydown 和 keyup 事件时，输入域会改变颜色。请试着在其中输入内容。</p></body><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script><script type="text/javascript">$(document).ready(function() { $("input").keydown(function(e) { e = window.event || e; if (e.keyCode == 38 || e.keyCode == 40) { $("input").CSS("background-color", "#FFFFCC"); } }); $("input").keyup(function() { $("input").css("background-color", "#D6D6FF"); });});</script></html>

上一篇：（5）AngularJS 1.X 之事件指令

下一篇：AngularJS-Directive详解 - 01

学习交流

硬盘分区如何设置准确的分区空间

硬盘分区如何设置准确的分区空间...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

英伟达市值一夜大涨9246亿创2023年5月以来最大单周涨幅

2024-04-27 13:35:46

雷军：小米正在申请3万件专利，以提升自身的竞争力

2024-04-27 13:33:47

人参泡酒15年后竟“复活”？网友：这酒还能喝不？

2024-04-24 22:53:44

芯片股普涨！英伟达市值一夜大涨6000亿元

2024-04-23 19:32:50

面馆老板1天卖100碗刚够交房租要卖到150碗才能实现盈利

2024-04-23 19:25:50

跌近30%！茶百道上市一小时跌没3年净利润

2024-04-23 19:13:19

疑难解答

图片精选

网友关注