vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件

项目中得需求：给页面某个按钮绑定Enter键，但是按钮不在form中，直接给按钮绑定后此按钮只有获取了焦点按键才会触发，显然，一直保持按钮获取焦点是不现实得。所以通过查询等，结合项目需求，完成了下面得代码，希望对大家有用，欢迎一起探讨，Email：qi_dabin@163.com

首先，一直在想怎样能够不管焦点在本页面得那里，点击Enter键得时候都能够触发按钮事件，然后开始想。。。。

本项目为vue项目：

1.在页面得created中来监听键盘得按键事件，焦点在本页面任何地方，都可以通过下面得代码来监听，当然，不止于本页面，留着后面说。

created(){

var lett = this;

/**

document.onkeydown = function(e) {

//1.规避页面上方的搜索框等是否获取了焦点，是则不触发本次快捷键

var inputs = document.getElementsByClassName('isfocus_enter'); //找到这一组元素

//是否获取了焦点的判断

let hasFocus = false;

if(inputs && inputs.length >0){

for(let i=0;i

这里由于当前页面有些输入框也绑定了enter键，这样会有冲突，所以这里判断要是焦点在绑定了enter键得输入框上，就不执行此次监听。ps:知识点：如何获取当前焦点所在得元素

vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件相关推荐

Vue中监听键盘事件
Vue中监听键盘事件在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作.在原生js或者jQuery中,我们需要判断e.keyCode的值来获取 ...
vue 回车查询按钮_前后端分离商城，前端基于Vue后端nodejs包含小程序源码免费分享...
先转发,然后加关注,私信"购物"即可获取源码下载链接项目简介本项目前后端分离,前端基于Vue+Vue-router+Vuex+Element-ui+Axios,参考小米商城实现 ...
vue 回车查询按钮_从零开始学习vue
在github搜小程序我们可以看到许多用许多用vue开发的实例. 到底什么是vue,我们不妨浪费一天时间来了解一下. 一.什么是vue Vue是一个JavaScript框架.作者是国内常年混迹知乎的一 ...
Vue中监听键盘事件及自定义键盘事件
在一些搜索框中,我们往往需要监听键盘的按下(onkeydown)或抬起(onkeyup)事件以进行一些操作.在原生js或者jQuery中,我们需要判断e.keyCode的值来获取用户所按的键.这样就存 ...
使用JavaScript在文本框中的Enter键上触发按钮单击
我有一个文本输入和一个按钮(见下文). 当在文本框中按下Enter键时,如何使用JavaScript 触发按钮的click事件 ? 当前页面上已经有一个不同的"提交"按钮,因此我不 ...
winform之Enter键触发按钮事件
一.背景小伙伴们在做winform开发时,比如登陆界面,可能需要用键盘Enter键去触发登陆这个按钮事件,如何实现呢? 二.解决思路点击主窗体,在属性中找到AcceptButton,然后将其属性值 ...
vue 仿今日头条_vue实现仿今日头条首页选项卡的功能 -
...的 Web 界面.当和其它网络工具配合使用时,Vue.js 的优秀功能会得到大大加强.如今,已有许多开发人员开始使用 Vue.js 来取代 Angular 和 React.js .那么对于 An ...
vue仿今日头条_vue 仿今日头条
vue 仿今日头条为了增加移动端项目的经验,近一周通过 vue 仿写今日头条,以下就项目实现过程中遇到的问题以及解决方法给出总结,有什么不正确的地方,恳请大家批评指正^ _ ^!,代码仓库地址为 g ...
vue仿今日头条_vue 仿今日头条 - osc_isfcy2fi的个人空间 - OSCHINA - 中文开源技术交流社区...
vue 仿今日头条为了增加移动端项目的经验,近一周通过 vue 仿写今日头条,以下就项目实现过程中遇到的问题以及解决方法给出总结,有什么不正确的地方,恳请大家批评指正^ _ ^!,代码仓库地址为 g ...

vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件

vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件相关推荐

最新文章

热门文章

vue 回车查询 按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件

vue 回车查询 按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件相关推荐

最新文章

热门文章

vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件

vue 回车查询按钮_vue之在页面中监听键盘的Enter键来触发某个按钮事件相关推荐