全局监听空格键事件 踩坑

最新推荐文章于 2022-03-24 11:57:22 发布
最新推荐文章于 2022-03-24 11:57:22 发布
阅读量1.3k 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Posion_xuan/article/details/105838000
版权

业务需求：页面全局监听空格键事件 ，进行内容提交操作

思路1:将事件绑定在全局中

问题：全局keyup.space事件 触发页面上其他事件 影响操作（具体原因依然不清楚，不是事件冒泡导致的）

思路2：用一个移出可视区的input框进行空格绑定

注意：需要设置input框原生属性autocomplete="false"  阻止input中键入内容后出现自动填充效果。

          刚进页面时，需要让input框获得焦点，input框失焦后需要重获焦点

<input style="position:absolute;top:-100px;left:-100px;width:5px" autocomplete="false" @keyup.space="submit" @blur="focus">

 

 

 

Posion_xuan
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
45. Fabric2.2 事件监听机制应用
菜鸟的博客
04-04 2300
本节全面讲述Fabric事件监听机制，并用实际客户端代码演示事件监听的特点、特性。
android监听输入空格键,数字输入字段上的空格键事件行为？
weixin_36202642的博客
05-27 377
所以看起来你的问题与你的EditText的’input’types没有关系，而是来自键盘的按键事件….所以’希望’这应该可以解决你的问题(通过”跳过’来自’空格’按钮的’下一个’事件。)// do for both EditText(s) editText1.setOnEditorActionListener(new TextView.OnEditorActionListener() { @Ove...
python：一个空格引发的惨案
Francis1001的博客
05-24 211
在python中没有各种花括号来区分代码块，有时候不注意，一行代码摆放的位置不对，结果就会出错 这种智障问题我不止一次在return上犯过，写下予以警醒 错误示范： def bad_example(): book_list = [] ....... for item in book_list: item.changeName() ....... return book_list 正确示范； def bad_example():
IE 键盘监听中文输入法无效的解决方法
God's blog
01-08 3207
IE 键盘监听中文输入法无效的解决方法
Vue常用按键别名【监听事件】
qq_22841387的博客
03-24 3433
1.监听回车——enter 监听enter键——回车 <input @keyup.enter="enter"> enter(){ console.log("按下Enter"); } 2.监听空格键——space <input @keyup.space="space"> space(){ console.log("按下空格"); } 空格监听可监听 打字的选择空格 单独的空格 3.监听delete或者Backspace——delete <input @keyu
Qt全局鼠标、键盘事件监听器库
12-10
【Examples】目录中可能包含了一些示例代码，演示如何使用这个库来实现具体的全局事件监听功能。这些例子可以帮助开发者快速理解和应用这个库，例如，可以创建一个简单的日志记录器，记录所有全局的鼠标和键盘活动，...
Flex 自动获取焦点 监听全局键盘事件
10-29
1. **添加事件监听器**：首先需要在Flex应用程序中添加`KeyboardEvent.KEY_DOWN`事件的监听器。 ```as3 this.addEventListener(KeyboardEvent.KEY_DOWN, keyDownHandler); ``` 2. **处理键盘事件**：接下来定义...
netscanner_键盘全局监听_
10-02
在IT行业中，键盘全局监听通常指的是一个应用程序能够捕获并处理系统中的所有键盘事件，即使焦点不在该应用上也能实现。这种技术常用于游戏辅助软件，例如在描述中提到的“射击游戏的连射”，它可以帮助玩家在游戏中...
android全局事件监听器
09-03
在Android开发中，全局事件监听器是一种非常实用的设计模式，它允许开发者在整个应用程序范围内监听特定的事件，而无需在每个需要响应的类中都添加监听代码。标题中的"android全局事件监听器"指的是一个实现此类功能...
android 后台监听按键事件方法及demo
08-09
android 后台监听按键事件方法及demoandroid 后台监听按键事件方法及demo
JS监听键盘按下事件 JavaScript JQuery
yufire的博客
05-09 670
$(document).keypress(function (e) { // 回车和空格按下事件 if (e.keyCode == 13 || e.keyCode == 32) { $("#play").click(); } }) keyCode大全附上 字母和数字键的键码值(keyCode) 按键 键码 按键 键码 按键 键码 按键 键码 A 65 J 74 S 83 1 49 B 66 K 75 T 84 2 50 C 67 L 76 U 85
JavaScript 获取按键事件
皓月的博客
09-30 949
通过以下代码可以实现获取上、下、左、右、空格按键事件 document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0]; if(e && ( e.keyCode==65 )||( e.keyCode==37 ) ) {// 按 A/← alert('向左'); } else if(e && ( e.keyCode==6
js监听键盘事件的方法—原生和jquery的区别
热门推荐
kevin_cyj的博客
08-10 1万+
经常需要监听键盘的事件，以便做更好的操作，基本原理是：监听全局键盘，每一个键盘，当用户按下某一按键时，返回对应的键值，然后再判断用户按下了哪一科按键，键值对应按键的名称在最下面列出，自行比对。去以下介绍两种不同的方式 原生键盘监听事件：按下一次按键，分为三个过程，按下—按住—松开 onkeydown：某个键被按下 onkeypress：某个键盘的键被按下或按住 onkeyup：某个键盘的键
Vue监听键盘事件(回车、空格、删除等按键)
从入门到放弃的博客
05-13 1万+
https://www.cnblogs.com/gitByLegend/p/10864944.html
Vue.js 基本概念及基础语法用法一
木子木木的专栏
08-07 373
一，MVVM框架简介： 1，基本概念： MVVM框架主要包括三个部分，View(视图 DOM) ViewModel(通讯 链接视图和数据的中间件) Model (数据 JavaScipt对象) 当数据发生变化 ViewMdel 能够观察到数据这种变化，通知到对应的视图做自动更新，当用户操作视图，ViewModel也能监听到视图的变化，然后通知数据做改动，实现了数据的双向绑定； 2，应用场景： ...
VUE全局监听键盘事件
蔡定努
03-26 8898
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <script src="https://cdn.st...
js事件监听机制(事件捕获)总结
mrfang1413的博客
05-19 1万+
在前端开发过程中我们经常会遇到给页面元素添加事件的问题，添加事件的js方法也很多，有直接加到页面结构上的，有使用一些js事件监听的方法，由于各个浏览器对事件冒泡事件监听的机制不同，le浏览器只有事件冒泡，没有事件监听的机制，对于事件监听的兼容性问题是最大的难题：1.直接把事件的方法写在页面结构上[javascript] view plain copyfunction eventfun(){   /...
android 全局监听屏幕点击事件
最新发布
05-27
要在 Android 应用程序中全局监听屏幕点击事件，你需要创建一个自定义 View 并将其添加到当前 Activity 的根布局中。以下是示例代码： ```java public class TouchInterceptorView extends View { private GestureDetectorCompat gestureDetectorCompat; public TouchInterceptorView(Context context) { super(context); gestureDetectorCompat = new GestureDetectorCompat(context, new GestureDetector.SimpleOnGestureListener() { @Override public boolean onSingleTapUp(MotionEvent e) { // 处理单击事件 return super.onSingleTapUp(e); } @Override public boolean onDoubleTap(MotionEvent e) { // 处理双击事件 return super.onDoubleTap(e); } @Override public boolean onDown(MotionEvent e) { return true; } }); } @Override public boolean onTouchEvent(MotionEvent event) { return gestureDetectorCompat.onTouchEvent(event); } } ``` 在你的 Activity 中，将该 View 添加到根布局中： ```java public class MainActivity extends AppCompatActivity { @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); FrameLayout rootLayout = findViewById(android.R.id.content); TouchInterceptorView touchInterceptorView = new TouchInterceptorView(this); rootLayout.addView(touchInterceptorView); } } ``` 这样，你就可以在 `onSingleTapUp()` 和 `onDoubleTap()` 方法中处理单击和双击事件。注意，为了让 View 拦截所有触摸事件，需要在 `onDown()` 方法中返回 `true`。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值