html input 绑定失去焦点和回车事件

2024-11-08

解决input的回车enter和失焦blur冲突问题：实现回车保存，blur还原编辑内容功能

最近做项目遇到: 背景:点击单元格,easyUI自动生成input可编辑框. 问题点:input的回车enter和失焦blur冲突问题:实现回车保存,blur还原编辑内容功能要实现需求: 1.回车键保存编辑内容 2.input框失去焦点后,不保存编辑内容,还原为原来内容. 如下图所示: 编程中遇到的棘手问题: 按下回车后,保存不了编辑的内容.原因是按下回车,先触发input框的blur事件(此时导致编辑内容被还原,保存不了内容),才触发回车事件. 经过多方尝试,摸索出一下解决办法,终于解决回车

通过JS 给这个input加一个事件获得焦点，回车事件绑定

通过JS 给这个input加一个事件就是获得焦点就行了 window.onload = function(){ var oInput = document.getElementById("strName"); oInput.focus(); } JS监听某个输入框 //回车事件绑定 $('#strName').bind('keyup', function(event) { if (event.keyCode == "13") { //回车执行查询 $('#sear

jquery绑定回车事件

//回车事件绑定 $(".left-content").keyup(function(event){ var theEvent = event || window.event; var code = theEvent.keyCode || theEvent.which || theEvent.charCode; if(event.keyCode ==13){ $(".textbox-addon").click(); } }); //回车事件绑定 $("#s

js 给元素绑定回车事件

经常会看到登录页面输入完账户密码,回车就登录了.实现方法: JQuery方法: $("#focus")为获取id为focus的元素 $("#focus").keypress(function(event){ if(event.which === 13) { //点击回车要执行的事件 } }) JS方法: var focus = document.getElementById("focus"); focus.onkeypress=function(

vue:element-ui输入框绑定回车事件

参考: https://segmentfault.com/q/1010000011347642 https://weiku.co/article/297/ vue监听input输入框的回车事件:keyup事件,加enter修饰符.如果input是组件,加上.native修饰符. 例如: @keyup.enter="方法名" <div id="app"> <input placeholder="请输入账号" type="

input框触发回车事件

window.event只能在IE下运行,不能在firefox下运行,这是因为firefox的event只能在事件发生的现场使用. 在firefox里直接调用event对象会报undefined.兼容解决方式: <input type="text" onkeydown="keyup_submit(event);"> <script> function keyup_submit(e){ var evt = window.event || e

Angular中form表单中input自动响应回车事件无效

环境:angular.js 问题:当你在input框中输入搜索信息,然后回车键,信息消失而且也没有执行查询??? 原因:组合查询的代码不是<button ng-click="ch()">组合查询</button>这样的块状标签,而是<a>或者<div> 当你聚焦输入框的时候,按回车,有搜索后的数据出现,这意味着angular捕获了input的回车事件,并且用button的处理器来处理. 然而,如果你把<button ng-click

easyui-combobox绑定回车事件注意事项

回车事件的定义的位置必须是easyui-combobox数据加载的后面,才有效果. HTML文件: <select id="aucBrandNo" class="easyui-combobox" name="aucBrandNo" style="width: 160px;" data-options="required:true,onHidePanel:function(){validateComboboxIn

input绑定datapicker控件后input再绑定blur或者mouseout等问题

input绑定datapicker控件后input再绑定blur或者mouseout等问题问题描述:今天在修改一个东西的时候需要给一个input输入域绑定blur事件,从而当它失去焦点后动态修改其中的内容.但是问题来了,当点击输入域datapicker控件出现,当离开输入域去选择时间时就触发了blur事件,而这个时候获取输入域内的内容时获取的是选择时间之前输入域的内容.这跟我们的想法相背离.比方说我们想校验选择的时间,可是每次都是校验的选择时间之前输入域的内容. 之前的错误做法:代码如下 $(

AngularJs 相应回车事件

最近做项目,要用到AngularJs,之前也有用过一点点,但仅限于数据的绑定,这次项目要整个前端需要使用这个框架,可能是不熟悉的原因,感觉这代码搞起来非常的不便利,:现总结一个响应回车事件: <!doctype html> <html> <head> <meta charset="utf-8"> <title>test</title> <script src="http://apps.bdimg.c

angularjs之手机输入法回车变搜索，并触发事件,兼容pc回车事件

一.效果:回车按钮变搜索之前的输入法: 之后的输入法: 二.功能实现 <input type="search" id="search_input" placeholder="请输入" ng-keypress="search($event)"/> 1.将input的type属性写成search,输入法回车按钮会变成搜索,android有效,ios没变. 2.给input绑定keypress事件,android可以实

jquery 回车事件

简单地记下jquery实现回车事件,代码如下: 全局: $(document).keydown(function(e){ if(e.keyCode==13){ $(".login-li input[type=button]").trigger("click"); } }); 某个控件: $("body").keydown(function(e){ if(e.keyCode==13){ $(".login-li input[type=bu

jquery 键盘回车事件

<input id="search" placeholder="输入要领用的资产条码" id="scanCode" type="text"> 输入文本后,回车事件 $('#search').keydown(function(e){ ) { var arg0 = $("#search").val(); //执行自己的搜索事件 alert(arg0); } });

原 JS监听回车事件

原 JS监听回车事件发表于2年前(2014-06-04 10:16) 阅读(6101) | 评论(0) 11人收藏此文章, 我要收藏赞0 1月16日厦门 OSC 源创会火热报名中,奖品多多哦 JS监听某个输入框 ? 1 2 3 4 5 6 7 //回车事件绑定 $('#search_input').bind('keyup', function(event) { if (event.keyCode == "13") { //回车

js登录页面的回车事件

js登录页面的回车事件 js登录页面的回车事件(2012-12-26 10:37:03)转载▼标签: jseventkey回车事件登录分类: js.jquery //回车事件第一种document.onkeydown=function(e){ if(!e)e=window.event; if((e.keyCode||e.which)==13){ tijiao(); } 第二种 $(document).ready(function(){ $("body").bind(&quo

兼容IE与firefox火狐的回车事件(js与jquery)

javascript 兼容IE与firefox火狐的回车事件复制代码代码如下: <script language="javascript"> function keypress(e) { var currKey=0,e=e||event; if(e.keyCode==13)document.myform.submit(); } document.onkeypress=keypress; </script> 复制代码代码如下: <script> d

回车事件jquery

有时候,操作按钮需要回车键直接上代码: //回车事件document.onkeydown = function (e) { var ev = document.all ? window.event : e; if (ev.keyCode == 13) { if ($("input[type='button']").val() == "修改") { oper('upda'); } if ($("input[type='button']").val

15.vue使用element-ui的el-input监听不了回车事件

问题描述: 使用vue.js 2.0发现,el-input的绑定回车事件用不了原因: el-input封了一层,直接@keyup.enter是用不了的例如: <el-input type="text" v-model="ruleForm2.account" placeholder="账号" @keyup.enter="handleSubmit2"></el-input> 是不起作用的应该改成这样,

el-input监听不了回车事件

vue使用element-ui的el-input监听不了回车事件,原因应该是element-ui自身封装了一层input标签之后,把原来的事件隐藏了,所以如下代码运行是无响应的: <el-input v-model="form.loginName" placeholder="账号" @keyup.enter="doLogin"></el-input> 解决方法需要在事件后面加上.native <el-input v-

MFC回车事件

这是一个使用MFC开发关于设备控制的windows应用程序通过该项目我学到的内容: 继承的好处应用程序的界面是与应用程序的代码有一定的对应关系的,界面中不同的控件对应不同的类,首先就是需要一个对话框,那么在资源文件里有了对话框之后,与对话框ID之对应的源文件中会有一个继承于对话框的类,之所以能够在这个对话框上随意添加删除或者修改其中的某些子窗口正是因为这种继承关系,可以在继承的基础上对原来的东西进行丰富. 界面与代码的关系界面上的控件或控件的内容一般都与代码中的变量是对应着的,如果要使

如何监听Element组件<el-input>标签的回车事件

一.现象表单提交时需要处理输入框的回车事件,一般的原生input标签可以用@keyup.enter="onSubmit"(tips:onSubmit为定义的方法) 二.解决 1.@keyup.enter="onSubmit" 改写为 @keyup.enter.native="onSubmit" ,也就是说多加一个native标志 2.如:<el-input v-model="name" @keyup.enter.na

html input 绑定失去焦点和回车事件

热门专题