jQuery的keydown()方法有什么用?

yanghs · · 52 次点击 · · 开始浏览    

keydown()是jQuery中的一个内置的方法,每当用户按下键盘上的键时,它都会触发keydown事件。如果一直按下该键,则每次操作系统重复该键时都会发送事件。所以,使用keydown()方法,我们可以检测是否有任何键正在向下移动。

原文地址:jQuery的keydown()方法有什么用?

keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。

语法:

$(selector).keydown(function)

selector表示选中的元素。

参数:它接受一个可选参数,指定keydown事件触发时运行的函数。

说明:与 keydown 事件相关的事件顺序

1、keydown - 键按下的过程

2、keypress - 键被按下

3、keyup - 键被松开

示例:

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

</head>

<body>

<h4>在按键按下后触发keydown事件,输入框背景颜色会改变为黄色</h4>

输入你的名字: <input type="text">

<script src="https://code.jquery.com/jquery-1.10.2.js"></script>

<script>

$(document).ready(function() {

$("input").keydown(function() {

$("input").css("background-color", "yellow");

});

$("input").keyup(function() {

$("input").css("background-color", "pink");

});

});

</script>

</body>

</html>

效果图:

相关推荐:

angularjs教程

golang教程

redis入门教程

本文来自:简书

感谢作者:yanghs

查看原文:jQuery的keydown()方法有什么用?

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:muxilin131420 备注:入群;或加QQ群:977810755

52 次点击  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传