xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

enter & keypress

enter & keypress

https://stackoverflow.com/questions/905222/enter-key-press-event-in-javascript

https://stackoverflow.com/questions/16011312/execute-function-on-enter-key

https://www.w3schools.com/jsref/event_onkeypress.asp

https://memorynotfound.com/detect-enter-keypress-javascript-jquery/


    inputClickEnter() {
        let that = this;
        let input = document.querySelector(`[data-input="search"]`);
        input.addEventListener(`keypress`, (e) => {
            console.log(`press enter key`, e);
            if (e.which === 13 || e.keyCode === 13) {
                that.getSearchData();
            }
        });
    },

demo


    inputClickEnter() {
        let that = this;
        let input = document.querySelector(`[data-input="search"]`);
        input.addEventListener(`keypress`, (e) => {
            console.log(`press enter key`, e);
            if (e.which === 13 || e.keyCode === 13 || e.key === "Enter" || e.charCode === 13 || e.code === "Enter") {
                that.getSearchData();
            }
            // if (e.which === 13 || e.keyCode === 13 || e.key === "Enter") {
            //     that.getSearchData();
            // }
            // if (e.which === 13 || e.charCode === 13 || e.code === "Enter") {
            //     that.getSearchData();
            // }
        });
    },

posted @   xgqfrms  阅读(303)  评论(0编辑  收藏  举报
编辑推荐:
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 记一次.NET内存居高不下排查解决与启示
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· .NET10 - 预览版1新功能体验(一)
历史上的今天:
2015-11-26 cygwin 的正确安装教程
2015-11-26 FTP 与 SSH 的安全性对比, 以及FTP,SSH,SFTP,SCP 的关系简单解析!
2015-11-26 关于 在cygwin64 Terminal 输入 $ ssh ,却报错 -bash: ssh: command not found 的解决方案 !
2015-11-26 Redis nosql database
点击右上角即可分享
微信分享提示