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

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入门教程

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • keydown()是jQuery中的一个内置的方法,每当用户按下键盘上的键时,它都会触发keydown事件。如果一...
    yanghs阅读 2,607评论 0 0
  • (续jQuery基础(1)) 第5章 DOM节点的复制与替换 (1)DOM拷贝clone() 克隆节点是DOM的常...
    凛0_0阅读 5,283评论 0 8
  • 总结: 鼠标事件 1.click与dbclick事件$ele.click()$ele.click(handler(...
    阿r阿r阅读 5,581评论 2 10
  • 本篇博客源地址 总结: 鼠标事件 1.click与dbclick事件ele.click()ele.click(ha...
    ZombieBrandg阅读 3,971评论 0 1
  • 一:认识jquery jquery是javascript的类库,具有轻量级,完善的文档,丰富的插件支持,完善的Aj...
    xuguibin阅读 5,644评论 1 7

友情链接更多精彩内容