input触发事件时机的实践

已于 2022-05-30 15:36:43 修改
阅读量1k 收藏
点赞数
文章标签： html js html5 javascript
于 2022-05-30 15:34:20 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_49270278/article/details/125047247
版权

需求: 输入简体后,需要在合适的时机触发多语言翻译,最终提交表单

在这里插入图片描述

  1. 方案1: 用blur失焦时候触发.缺点:用户可能点击提交时候还没失焦, 这时候点击提交会出现先执行翻译后执行提交,顺序异步不可控.
    解决办法:定时判断是否翻译成功后再提交表单,感觉不是最好方案:
if(window['loadingTranslation']){
    //  等依赖的翻译结束后才保存
      let timeout = setTimeout(() => {
最低0.47元/天 解锁文章
藏玉岩
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
input js 离开事件_onBlur事件与onfocus事件（js） （光标到达和离开是触发事件）...
weixin_42449548的博客
02-01 1万+
[1、回车键触发事件的js代码 在文本框中输入完内容后,经常需要按回车,焦点跳到下个文本框,或者触发按钮事件判断是否按下的为回车非常简单:function EnterPress(){ ionFocus事件就是当光标落在文本框中时发生的事件。onBlur事件是光标失去焦点时发生的事件。可以编如下例子1.html使用onBlur事件处理程序[以前看到alibaba上的注册右边的提示信息效...
js 弹出新页面避免被浏览器、ad拦截的一种新方法
12-02
这里，我们使用`mousedown`、`focus`事件来确保在各种情况下都能正确更新`href`属性，确保新页面能够在适当的时机打开： 1. **`mousedown`事件**：当用户按下鼠标按钮但还未释放时，此事件会被触发。在此事件的...
使用layer弹窗里面有输入框时，在输入中文时会触发mouseleave事件而关闭弹窗
vipp666的博客
12-10 1985
1、打开弹窗如下，在百度输入框里面输入中文时会触发layer弹窗绑定的mouseleave事件 $("#layui-layer"+layer.index).on("mouseleave",function(e){ // 获取鼠标状态，x，y mouseX = e.pageX; mouseY = e.pageY; // 获取layer弹窗的top left width height等信...
input鼠标事件（快捷手册）
草巾冒小子的博客
12-14 2706
JS函数 定义和用法 注意 提示 @input 除了IE外浏览器下的onpropertychange，区别是通过js、select改变值不触发 注意文字 提示文字 @change 值发生变化且鼠标失去焦点时触发，通过js、select改变值不触发 注意文字 提示文字 @focus 鼠标获得焦点 注意文字 提示文字 @blur 鼠标失去焦点 注意文字 提示文字 @mouseover 每次进入这个区域并在这个区域里面的所有元素上进行移动的时候会多次绑定，原因是事件冒泡导致 注意文...
鼠标移入与离开事件及页面开关
m0_59505309的博客
06-22 1193
鼠标移入与离开事件及页面开关
获取焦点(onFocus)和失去焦点（onBlur） （js）
weixin_43677787的博客
01-23 3389
获取焦点(onFocus)：鼠标进入input框触发 失去焦点（onBlur）：鼠标离开input框触发 <input type="text" onblur="getBlur()" onfocus="getFocus()"> <script type="text/javascript"> function getBlur() { alert("失去焦点") } function getFocus() { alert("获取焦点"
微信小程序页面+用于学习用途
最新发布
05-29
事件处理函数通常写在Page的methods对象中，通过事件触发来执行相应的业务逻辑。 5. API调用： 微信小程序提供了大量的内置API，涵盖了网络请求、媒体处理、地理位置、设备信息等多个领域。例如，wx.request()用于...
PC-and-serial-communication.zip_串口编程_Visual_C++_
08-11
2. **事件驱动编程**：MSComm控件支持事件驱动编程模式，如OnComm事件，当串口有数据接收或发送错误时，该事件会被触发。通过响应这些事件，可以实时监控串口状态，确保数据的正确传输。 3. **数据收发**：使用...
Java实现网络对战俄罗斯方块，可单人游戏，多人PK，有音效.zip
12-16
音效的触发时机可以设定为方块落地、消除行或者得分等事件。 网络对战部分，项目可能采用了Socket编程来实现客户端与服务器之间的通信。服务器负责接收并转发玩家的操作信息，同时处理游戏状态的同步。客户端则需要...
RSLogix500.OSR上升沿3中方案输出试验.rar
05-09
通常，OSR常用于启动一个过程、计数器的复位、设备的启动等，特别是在需要精确控制事件触发时机的应用中。 5. **实验与验证**： “试验”部分表明，这个压缩包可能包含了一些实际测试案例，通过模拟不同的输入条件...
微信小程序获取input值的两种常用方式
热门推荐
June.1
04-16 5万+
1. bindinput 事件是光标移动发生数据改变,不需要手动执行点击 。 数据自动获取 input框内使用属性的方式定义事件名称 <input bindinput='getInputValue' name='price' type='text' placeholder='输入内容'></input> 在js 文件中定义事件方法获取数据 其中 e.detai...
java移除input焦点_input 输入框获得/失去焦点时隐藏/显示文字
weixin_36182916的博客
02-24 384
这个标题可能比较拗口不好理解，但是我相信所有的人都见过这个效果，大家可以看本站右上角的搜索输入框，默认显示着“输入搜索内容”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“输入搜索内容”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上是这么实现的：我是非常反对把...
easyui text如何 绑定 鼠标离开时间 及blur 事件
qq_19551571的博客
09-11 2209
easyui text如何 绑定 鼠标离开时间 及blur 事件
Ant Design Vue a-input或a-textarea标签失去焦点事件
asen_0825的博客
08-27 7853
事件名：@blur 绑定事件传值例子： @blur="SNList($event)" 离开焦点的时候获取到输入的valule值
原 元素绝对位置和鼠标移入移出和 input框事件
weixin_43993443的博客
01-15 742
元素绝对位置 &lt;div class="pop"&gt;提示信息！&lt;/div&gt; 鼠标移入移出 鼠标移入移出 input框事件 input框事件 ...
Input值改变触发的事件，鼠标离开事件
qq_39822451的博客
10-26 9834
//当值马上改变时触发，键盘按下时触发 $('input[name="price_min"]').on('input propertychange', function() { alert(2) }) //nput失去焦点后 如果值发生改变后，触发 $('input[name="price_min"]').change(function() { alert(1) }) ...
文本框在鼠标离开时触发JS方法
___ 、努ㄌ
07-31 2万+
function validate() { var name = document.getElementById("txtName"); if (name.value == 2) { alert("你必须不是二!"); name.focus();
input js 离开事件_【js】Input事件
weixin_30366435的博客
12-23 1191
Input Event常用事件触发的先后顺序如下：1 keydown2 keypress3 textInput4 input5 keyupkeydown，keyup1 全部浏览器支持2 当用户按下/释放键盘上的任意键时触发3 event.keyCode，返回键盘上按键对应的特定键码(兼容性：分号在Firefox，Opera上返回的是ASCII码，在IE，Safari上返回键码)4 event.ch...
js原生，鼠标离开事件
gary的博客
02-23 3万+
mouseout: 鼠标离开事件mouseleave: 鼠标离开事件区别: 不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。mouseover: 鼠标移入事件mouseenter: 鼠标移入事件不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。对应mouseout只有在鼠标指针穿过被...
input回车触发事件
08-11
你可以使用JavaScript来实现在按下回车键时触发事件。以下是一个示例代码： ```html <!DOCTYPE html> <html> <body> <h2>按下回车触发事件</h2> <input type="text" id="myInput" onkeydown="checkEnter(event)"> <script> function checkEnter(event) { if (event.keyCode === 13) { // 在这里执行你想要触发的事件 alert("回车键被按下！"); } } </script> </body> </html> ``` 上述代码创建了一个输入框，并通过`onkeydown`事件监听输入框的按键事件。当按下键盘上的回车键时，`checkEnter()`函数将被调用，并执行其中的代码。你可以根据需要替换`alert("回车键被按下！")`这行代码，来实现你想要的功能。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值