IT数码购物网址头条软件日历阅读图书馆

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

图片批量下载器
↓批量下载图片,美女图库↓

图片自动播放器
↓图片自动播放器↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> 简单的事件操作(jQuery键盘事件) -> 正文阅读

[JavaScript知识库]简单的事件操作(jQuery键盘事件)

提示：简单的事件操作(jQuery键盘事件)

文章目录

一、jQuery键盘事件是什么？
二、使用步骤
- 1.引入jQuery库
- 2.Js部分代码如下
总结

一、jQuery键盘事件是什么？

方法: ①keypress(按下-起来),②keyup(起来),③keydown(按下),三个方法个人感觉用第一种超级多keypress(按下-起来)

二、使用步骤

1.引入jQuery库

<script src="../jQuery地址库/jQuery.js"></script>

2.Js部分代码如下

html:插件如下:


<body>
    <input type="text" name="user" placeholder="请输入用户名">
</body>

JS块代码如下:

<script>
    //keypress(按下,松开,触发),input[name=user]这是一个选择器
    $('input[name=user]').keypress(function(e) {
        if (e.charCode == 13) { //回车对应的ASCII码值为13;回车触发事件
            console.log($(this).val()); //返回input里面的值
            $(this).val('');
        }
    });;

    //keydown 按下
    /* $('input[name=user]').keydown(function() {
        console.log($(this).val());
    }) */
</script>

总结

多进行练习,会举一反三,多多思考!!

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

vue项目安装包指令收集

上一篇文章下一篇文章查看所有文章

加:2021-07-17 11:49:36 更:2021-07-17 11:49:53

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

360图书馆购物三丰科技阅读网日历万年历 2024年5日历

-2024/5/4 9:06:48-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码