条件:弹窗后不做任何点击操作或者聚焦操作
对于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绑定回车事件(转)相关推荐

  1. el-input怎么绑定回车事件

    在 Vue 2.0 中,为自定义组件绑定原生事件必须使用 .native 修饰符: <el-input v-model="queryForm.skuName" placeho ...

  2. 微信小程序 为input绑定回车事件

    <input type="text" placeholder="搜索书名" focus='true' confirm-type="search& ...

  3. button按钮绑定回车事件

    $("body").keydown(function() {if (event.keyCode == "13") {//keyCode=13是回车键$('#ok ...

  4. vue+element Form键盘回车事件页面刷新解决

    问题描述:如下代码所示,使用element-ui 中的el-form组件对table进行条件查询,当查询条件仅有一项时,使用@keyup.enter.native事件绑定回车事件,出现点击回车后,浏览 ...

  5. jquery 检测回车事件_jquery 回车事件

    简单地记下jquery实现回车事件,代码如下: 全局: $(document).keydown(function(e){ if(e.keyCode==13){ $(".login-li in ...

  6. Layer弹窗回车执行确定按钮事件

    layer.open({type: 1,content: 'Where is the love?',btn: ['确定'],success: function(layero, index){this. ...

  7. uniapp 扫描枪获取条码不全解决办法,vue组件,使用双向绑定,回车事件触发,获取文本不全问题

    原因分析: uniapp使用vue,双向绑定组件,在input标签loop事件循环获取文本的过程中,读取文本信息不是顺序读取,如果条码中包含了回车键,比如扫描枪,扫描文本后会追加回车键,监控文本读取还 ...

  8. php按回车执行搜索,jquery绑定回车动作扑捉回车键触发的事件_jquery

    1.jquery捕捉回车键: 代码如下: $("html").die().live("keydown",function(event){ if(event.ke ...

  9. vue的指令绑定、事件、冒泡

    a标签的属性绑定: v-once:就是第一次渲染什么就是什么,不会随着其他改变而改变,简言之就是绑定他不让他的值改变 防止跨站脚本攻击 如果你觉得安全的话,可以不要让变量的值显示成字符串 解决方法是: ...

最新文章

  1. Scala for循环示例
  2. 《Linux内核设计与实现》读书笔记(十三)- 虚拟文件系统
  3. boost::diagnostic_information_what的用法程序
  4. Mysql Order By 注入总结
  5. 随想录(以项目为中心的学习)
  6. poj1113 凸包
  7. c语言经典题100及答案,100个经典c语言例题(带答案)
  8. Pspice仿真实验-RC滤波器电路
  9. 局域网即时通讯Active Messenger 完美破解版本 最新版本破解
  10. 办公小技巧,批量修改文件名,手把手教你
  11. xmos xu208加密
  12. DSPE-PEG-TH(AGYLLGHINLHHLAHL(Aib)HHIL) 磷脂(二硬脂酰基磷脂酰乙醇胺)-聚乙二醇-TH(AGYLLGHINLHHLAHL(Aib)HHIL)
  13. OKR与KPI有什么区别
  14. 学校计算机专业春联大全带横批,关于学校的春联带横批.doc
  15. 银行从业如何备考,有什么刷题的APP?
  16. nnUNet原创团队全新力作!MedNeXt:医学图像分割新SOTA
  17. R语言第十讲 逻辑斯蒂回归
  18. Netty - 一个简单的聊天室小项目
  19. 【题解】康娜的线段树
  20. 图片型pdf转文本文档

热门文章

  1. FZU Problem 2238 Daxia Wzc's problem
  2. 【iCore3 双核心板_ uC/OS-III】例程五:软件定时器
  3. (九十三)蓝牙的基本使用
  4. scala入门-10 隐式转换、隐式参数、隐式类
  5. 窗口程序ImageView(仿QQ图片查看器)
  6. APUE Chapter 1 - UNIX System Overview
  7. 武汉数字工程研究所计算机软件分数,武汉数字工程研究所2017考研成绩查询时间:2月16日...
  8. linux mysql 写shell_Linux—编写shell脚本操作数据库执行sql
  9. linux 安装wdcp控制面板
  10. Panda处理文本和时序数据?首选向量化