关于js中事件监听的问题(文本框 回车键 失去焦点)

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于js中事件监听的问题(文本框 回车键 失去焦点)相关的知识,希望对你有一定的参考价值。

情况:假设一个面板上有一个输入框,用来输入某个数字参数,然后在输入框下面有一个不可编辑文本框,用来显示一个与该参数相关联的文件名。例如参数为1,则下面文本框里自动生成文件名file1。最下面有一个确定按钮,点确定按钮就保存一个文件名为file1的文件。
问题:三种操作方式-》1.输入参数后,点确定按钮保存。2.输入参数后,现在面板的空白处点击一下鼠标,使得输入框失去焦点,然后按回车键保存。3.直接按回车键保存。
第1,2中操作方式的结果完全正确,参数为1时保存的文件文件名也为1.而第3种方式的结果不正确,每次保存文件名中参数部分为上一次的参数。例如,参数框默认值为0,我在参数框中手动输入1,然后按直接回车保存,最后保存的文件名为file0。
请问各位高手,这是什么情况?
这个Bug改了一周了,桑不起。。。 TT

参考技术A 输入框加上事件 onkeyup="javascript:if(event.keyCode==13)你处理的函数;"

如果不行,请贴出你的处理代码
参考技术B 那也就是说回车并没有触发文本框的onblur事件,那么,你可以在表单的onsubmit事件的第一行调用onblur的关联函数,确保重新生成正确的文件名.本回答被提问者和网友采纳 参考技术C 你可以在输入框里面一个js事件onkeydown=“document.getElementById('确定按钮的Id').focus()”
如果还不行把你的代码贴出来我看下
参考技术D 点击回车直接触发保存按钮。 第5个回答  2013-03-03 js是什么意思?

以上是关于关于js中事件监听的问题(文本框 回车键 失去焦点)的主要内容,如果未能解决你的问题,请参考以下文章

js文本框失去焦点事件与按钮单击事件的冲突问题

在文本框失去焦点后 在文本框后面出现文字提示 用jquery怎么写

textarea 动态填充内容 文本框高度自适应

文本框 失去焦点 是啥意思?

js中怎么使点击按钮后文本框获得焦点

elementui+vue输入框回车事件与失去焦点事件重叠