按下回车键,触发blur事件

2024-08-09

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

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

angular 按下回车键触发事件

angularJs 按下回车键触发事件这个功能很简单,但是今天的却让我掉坑很久.... 由于我的页面上有两个不同方法都传$event事件,如search($event)和create($event); html代码: <input type="text" placeholder="支持空格及英文逗号分隔" ng-model="ipAdress" required style="display: inline-block;heig

div无法触发blur事件解决的方法

默认情况下div无法获取焦点,无法触发focus与blur事件,推測span,a等标签也无法触发焦点事件(input:button.及button标签能够触发) 怎样使div触发blur事件:能够给div加上tabindex属性在线演示:http://sandbox.runjs.cn/show/e0bvfcag 源代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="U

div无法触发blur事件解决办法

默认情况下div无法获取焦点,无法触发focus与blur事件,猜测span,a等标签也无法触发焦点事件(input:button,及button标签可以触发) 如何使div触发blur事件:可以给div加上tabindex属性 <div class="box" tabindex="1"></div> <script> $('.box').focus(function(){ alert('div focus'); }); $('.

blur([[data],fn]) 当元素失去焦点时触发 blur 事件。

blur([[data],fn]) 概述当元素失去焦点时触发 blur 事件.大理石平台生产厂这个函数会调用执行绑定到blur事件的所有函数,包括浏览器的默认行为.可以通过返回false来防止触发浏览器的默认行为.blur事件会在元素失去焦点的时候触发,既可以是鼠标行为,也可以是按tab键离开的参数 fnFunctionV1.0 在每一个匹配元素的blur事件中绑定的处理函数. [data],fnString,FunctionV1.4.3 data:blur([Data], fn) 可传入

input输入框change和blur事件区别

blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外. 1.没有进行任何输入时,不会触发change 在这种情况下失焦后,输入框并不会触发change事件,但一定会触发blur事件.在判断表单的修改状态时,这种差异会非常有用,通过change事件能轻易地找到哪些字段发生了变更以及其值的变更轨迹. 2.输入后值并没有发生变更这种情况是指,在没有失焦的情况下,在输入框内进行的删除与输入操作,但最终的值与原值一样,这种情况

吐血bug-- 多个input框接连blur事件导致alert接连弹出

本来今天想记录一下Flow在vue源码中的应用,结果临时触发了个bug... bug描述: elementUi + Vue 技术需求:一个表格中有至少两条数据,每条数据都有input框,在失去焦点后需要一个弹框给出提示信息. 触发:在点击一个input框后接着点击另一个input框,使第一个input框的失去焦点为第二个input框的获得焦点,触发alert,无论点击确定还是X都会再次弹出blur事件中的alert 问题分析: 第一个input框在失去焦点时触发了blur事件,使得alert弹

jquery 赋值时不触发change事件解决

$("#optionsId").change(function(){ $("#selectOptionsText").val('测试'); }); $("#selectOptionsText").on('change',function(){}); 目的:当#optionsId改变时触发#selectOptionsText的change事件实现某功能发现并不能触发change事件,这篇博客中提供了一些方法,可做参考,但个人觉得不方便经研究

JavaScript 触发click事件兼容FireFox，IE 和 Chrome

解决了火狐下无法触发click事件的问题 <script language="javascript"> function test2(name) { if(document.all) { document.getElementById(name).click(); } else { var evt = document.createEvent("MouseEvents"); evt.initEvent("click", true, t

ASP.NET下回车键的触发效果

在ASP.NET下,在客户端触发回车键,默认调用了页面中第一个button,这有时是非常头痛的,比如页面的第一个按键是注销键时,想想也够可怕了. .net提供设置默认回车键的属性,this.Form.DefaultButton,示例代码: protected void Page_Load(object sender, EventArgs e) { this.Form.DefaultButton = "bt_submit"; } 当存在masterPage(母板页)时,注意在bt_sub

下拉框click事件与搜索框blur事件的爱恨纠葛

还原车祸现场功能类似于百度搜索,搜索框输入内容,下拉框显示候选项,点击候选项就选择候选项,然后下拉框隐藏,点击外面就直接隐藏下拉框,于是我写了以下代码 //参会单位联想 $('input[name="company_name"]').bind('input propertychange', function() { var _this = this; clearTimeout(this.timer); this.timer = setTimeout(function(){ $.aja

jsp页面_按回车键触发事件

一般在列表页面中,都会带有查询按钮,当输入完查询条件后,如果需要通过鼠标点击"查询"按钮才发起查询,那么就感觉不够方便,那么我们就可以修改为按下回车键的时候发起查询. <script type="text/JavaScript"> function keyOnClick(e){ var theEvent = window.event || e; var code = theEvent.keyCode || theEvent.which; //回车键的键值

Asp.Net回车键触发Button的OnClick事件解决方案

在aspx页面有textbox文本框,还有三个button按钮.启用textbox的TextChanged事件和button的click事件. 问题: 现在在textbox文本框输入完数据按“回车”后,会触发TextChanged事件,但同时还会触发该页面第一个button按钮的Click事件. 解决方法一: 当在文本框中敲回车的时候,表单提交.因为在.net中一个Page只有一个form表单.所以也就有一个Sumbit事件. 当UseSubmitBehavior的属性是True的时候,表单的提

javascript按回车键触发事件

javascript 文本框中,判断回车键触发事件兼容IE&FireFox

1.onkeypress&onkeydown区别 onkeypress 事件在用户按下并放开任何字母数字键时发生.但是系统按钮(例如:箭头键.功能键)无法得到识别. onkeydown 事件在用户按下任何键盘键(包括系统按钮)时发生.捕获的 keyCode 不区分字母大小,而 onkeypress 区分. IE6的onkeypress会接受"回车事件",而onkeydown不会接受 IE8的onkeypress不会接受"回车事件",而onkeydown会接受

js设置回车键触发事件

设置按回车键时触发查询事件: document.onkeydown = function(e){ var ev = document.all ? window.event : e; if(ev.keyCode==13) { search(); } }

ie6下a标签click事件无法触发加载iframe

ie6下a标签click事件无法触发加载iframe,把a换成span或者别的,就可以了

【移动端debug-4】iOS下setTimeout无法触发focus事件的解决方案

开篇总结:其实目前无法解决这个bug. 这两天做项目遇到了这个case,项目需求是打开页面的时候,input元素自动弹起键盘.由于各种方面的考虑,我们希望通过setTimeout延时200毫秒让input元素focus,demo代码如下: <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>IOS下setTimeout无

[转]FireFox与IE 下js兼容触发click事件的代码

本文转自:http://www.jb51.net/article/16549.htm FireFox与IE 下js兼容触发click事件 ,对于需要兼容这两者的朋友,就需要参考下下面的代码了<a href="#" id="a3" onclick="test()" style="display:none"></a> <input type="button" value="

jQuery实现当按下回车键时绑定点击事件

jQuery实现当按下回车键时绑定点击事件 <script> $(function(){ $(document).keydown(function(event){ if(event.keyCode==13){ $("#mouse").click(); } }); $("#mouse").click(function(){ alert("nihao"); }); }) </script>

在iframe内页触发顶层页面body的blur事件

//在iframe内页触发顶层页面body的blur事件. if (window != top) { $(document.body).click(function () { $(top.document.body).click(); }); }

按下回车键,触发blur事件

热门专题