layer绑定回车事件(转)
对于layer.load,弹出后反复按回车,load层将不断刷新,即使设置了自动消失也只有等不按回车键才会生效。
对于layer iframe层有表单就更糟糕了,每按一次回车,iframe表单页面将会被刷新,数据将会丢失。(这是form中存在input按回车会自动以form的method属性方法提交表单,如果你在提交按钮上设定了弹窗事件的话,将会直接提交,并且弹窗也被激发,出现错误)。
这似乎是打开iframe或弹窗后,鼠标的焦点出现了问题,鼠标的焦点还停留在激发窗口的控件上,每按一次回车,相当于反复弹窗,会在屏幕上叠很多层。
测试了一下,当弹窗后,点击弹窗身体的任意部位后(不包括标题),再按回车键就不会出现bug了。
parent.document.onkeydown = function(e){ var ev =parent. document.all ? window.event : e; if(ev.keyCode==13) { $('#loginBtn').trigger("click"); return false } } document.onkeydown = function(e){ var ev =document.all ? window.event : e; if(ev.keyCode==13) { $('#loginBtn').trigger("click"); return false } } 只要把loginBtn换成弹出层的按钮即可 转自:https://www.cnblogs.com/php-linux/p/8005649.html
转载于:https://www.cnblogs.com/-brl/p/8979954.html
layer绑定回车事件(转)相关推荐
- el-input怎么绑定回车事件
在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native 修饰符: <el-input v-model="queryForm.skuName" placeho ...
- 微信小程序 为input绑定回车事件
<input type="text" placeholder="搜索书名" focus='true' confirm-type="search& ...
- button按钮绑定回车事件
$("body").keydown(function() {if (event.keyCode == "13") {//keyCode=13是回车键$('#ok ...
- vue+element Form键盘回车事件页面刷新解决
问题描述:如下代码所示,使用element-ui 中的el-form组件对table进行条件查询,当查询条件仅有一项时,使用@keyup.enter.native事件绑定回车事件,出现点击回车后,浏览 ...
- jquery 检测回车事件_jquery 回车事件
简单地记下jquery实现回车事件,代码如下: 全局: $(document).keydown(function(e){ if(e.keyCode==13){ $(".login-li in ...
- Layer弹窗回车执行确定按钮事件
layer.open({type: 1,content: 'Where is the love?',btn: ['确定'],success: function(layero, index){this. ...
- uniapp 扫描枪获取条码不全解决办法,vue组件,使用双向绑定,回车事件触发,获取文本不全问题
原因分析: uniapp使用vue,双向绑定组件,在input标签loop事件循环获取文本的过程中,读取文本信息不是顺序读取,如果条码中包含了回车键,比如扫描枪,扫描文本后会追加回车键,监控文本读取还 ...
- php按回车执行搜索,jquery绑定回车动作扑捉回车键触发的事件_jquery
1.jquery捕捉回车键: 代码如下: $("html").die().live("keydown",function(event){ if(event.ke ...
- vue的指令绑定、事件、冒泡
a标签的属性绑定: v-once:就是第一次渲染什么就是什么,不会随着其他改变而改变,简言之就是绑定他不让他的值改变 防止跨站脚本攻击 如果你觉得安全的话,可以不要让变量的值显示成字符串 解决方法是: ...
最新文章
- Scala for循环示例
- 《Linux内核设计与实现》读书笔记(十三)- 虚拟文件系统
- boost::diagnostic_information_what的用法程序
- Mysql Order By 注入总结
- 随想录(以项目为中心的学习)
- poj1113 凸包
- c语言经典题100及答案,100个经典c语言例题(带答案)
- Pspice仿真实验-RC滤波器电路
- 局域网即时通讯Active Messenger 完美破解版本 最新版本破解
- 办公小技巧,批量修改文件名,手把手教你
- xmos xu208加密
- DSPE-PEG-TH(AGYLLGHINLHHLAHL(Aib)HHIL) 磷脂(二硬脂酰基磷脂酰乙醇胺)-聚乙二醇-TH(AGYLLGHINLHHLAHL(Aib)HHIL)
- OKR与KPI有什么区别
- 学校计算机专业春联大全带横批,关于学校的春联带横批.doc
- 银行从业如何备考,有什么刷题的APP?
- nnUNet原创团队全新力作!MedNeXt:医学图像分割新SOTA
- R语言第十讲 逻辑斯蒂回归
- Netty - 一个简单的聊天室小项目
- 【题解】康娜的线段树
- 图片型pdf转文本文档
热门文章
- FZU Problem 2238 Daxia Wzc's problem
- 【iCore3 双核心板_ uC/OS-III】例程五:软件定时器
- (九十三)蓝牙的基本使用
- scala入门-10 隐式转换、隐式参数、隐式类
- 窗口程序ImageView(仿QQ图片查看器)
- APUE Chapter 1 - UNIX System Overview
- 武汉数字工程研究所计算机软件分数,武汉数字工程研究所2017考研成绩查询时间:2月16日...
- linux mysql 写shell_Linux—编写shell脚本操作数据库执行sql
- linux 安装wdcp控制面板
- Panda处理文本和时序数据?首选向量化