layer弹窗在键盘按回车将反复刷新的实现方法

layer.open当弹窗后，点击弹窗身体的任意部位后（不包括标题），再按回车键就不会出现bug了。

代码如下所示：

parent.document.onkeydown = function(e){
 var ev =parent. document.all ? window.event : e;
 if(ev.keyCode==13) {
  $(this).trigger("click");
 return false
 }
 }
document.onkeydown = function(e){
 var ev =document.all ? window.event : e;
 if(ev.keyCode==13) {
  $(this).trigger("click");
 return false
 }
 }

以上这篇layer弹窗在键盘按回车将反复刷新的实现方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持我们。

赞 (0)

相关推荐

  • layer 刷新某个页面的实现方法

    一:使用layer.open打开的子页面 window.parent.location.reload()//刷新父页面 var index = parent.layer.getFrameIndex(window.name)//获取窗口索引 parent.layer.close(index) 1:刷新父页面 2:关闭此页面 2.1 获取窗口索引 (parent.window.name 或者window.name) 2.2 父级执行关闭 二:使用top.layer.open打开子页面 $(windo

  • layer实现关闭弹出层刷新父界面功能详解

    本文实例讲述了layer实现关闭弹出层刷新父界面功能.分享给大家供大家参考,具体如下: layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 最近一个项目采用的是hui前端框架,他的弹出层就是用的layer插件,对于弹出层,有一个操作体验大家都知道,就是关闭弹出层,需要刷新父页面.开始写的时候,我陷入了自己的误区,在弹出层处理成功之后,我调用的是: var index = parent.layer.getF

  • Laravel框架基于ajax和layer.js实现无刷新删除功能示例

    本文实例讲述了Laravel框架基于ajax和layer.js实现无刷新删除功能.分享给大家供大家参考,具体如下: 1.首先要引入layer.js <script type="text/javascript" src="{{ asset('/public/bootstrap/js/jquery-3.2.1.min.js') }}"></script> <script type="text/javascript" sr

  • LayerClose弹窗关闭刷新方法

    //LayerClose弹窗关闭 var LayerClose = function(type){ console.log(type); if(typeof type =="undefined"){ return; } // 开始判断 switch(type){ case "self": var index = layer.index layer.close(index); break; case "FrameIndex": var index

  • layer弹窗在键盘按回车将反复刷新的实现方法

    layer.open当弹窗后,点击弹窗身体的任意部位后(不包括标题),再按回车键就不会出现bug了. 代码如下所示: parent.document.onkeydown = function(e){ var ev =parent. document.all ? window.event : e; if(ev.keyCode==13) { $(this).trigger("click"); return false } } document.onkeydown = function(e)

  • 浅谈键盘上回车按钮的js触发事件

    input 的回车触发事件. 简单,就当做个笔记咯. $("#querySearcher").live("keyup", function (e) { if (e.keyCode == 13) { xxxxxx(); } }); 以上这篇浅谈键盘上回车按钮的js触发事件就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • layer弹窗插件操作方法详解

    本文实例讲述了layer弹窗插件操作方法.分享给大家供大家参考,具体如下: 1.首先去http://layer.layui.com/下载插件 2.在网站上有演示说明 3.操作方法如何 <script src="../js/layer/layer.js"></script> <script> function openadd() { $str=$("#addModal").html();//加载弹窗内容 layer.open({ t

  • Thinkphp5结合layer弹窗定制操作结果页面

    Thinkphp5结合layer弹窗定制操作结果页面

    本文实例为大家分享了Thinkphp5结合layer弹窗定制页面的具体代码,供大家参考,具体内容如下 1 打开应用公共文件页面    appliction/common.php,编写以下代码 注意: 成功消息的绿色背景部分是iframe 框架写法,如果是普通页面.就吧parent去除,改为: self.location.href="'.$url.'" rel="external nofollow" rel="external nofollow"

  • 对django layer弹窗组件的使用详解

    父层: <div class="col-xs-12"> <div class="box"> <div class="box-header"> <h3 class="box-title">主机监控列表</h3> </div> <!-- /.box-header --> <div class="box-body" styl

  • 对Layer弹窗使用及返回数据接收的实例详解

    Layer做为弹窗,主页面代码: 注意1. callback()方法 返回字符串,再data:JSON.parse(res)转为ajax提交时的json参数 注意2. textarea 上使用append方法没有效果,改写: var str = $("#area").val() + "\n"+d; $("#area").val(str); //引入js 必须要有(1.8以上版本) jquery <script src="__PUB

  • 使用layer弹窗提交表单时判断表单是否输入为空的例子

    获得 layer 文件包后,解压并将 layer 整个文件夹(不要拆分结构) 存放到你项目的任意目录,使用时,只需引入 layer.js 即可 使用时一定他要先引入jq1.8,或者以上版本!!! 下面是提交表单的实列 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=devi

  • 使用layer弹窗,制作编辑User信息页面的方法

    用户信息展示页面为A页面,编辑页面为B页面.A是B的父页面 首先在A页面添加按钮,点击触发函数,函数初始化layer弹窗 '编辑'按钮: <button type="button" class="btn btn-primary btn-xs" id="edit{{item.id}}" onclick="editSingle('{{$index}}')">修改</button> 执行函数: var use

  • 使用layer弹窗和layui表单实现新增功能

    使用layer弹窗和layui表单实现新增功能

    1.需求:使用layer在弹窗内完成新增,成功后提示并刷新页面(父页面,list页面) 2.实现 a* 页面效果图 b*页面代码 --构建from表单 <div id="add-main" style="display: none;"> <form class="layui-form" id="add-form" action=""> <div class="layu

  • php 提交表单 关闭layer弹窗iframe的实例讲解

    介绍一款非常好用的前端弹窗插件: layer 官网地址:http://layer.layui.com/ 根据官方的API:layer的iframe弹窗 //iframe层-父子操作 layer.open({ type: 2, area: ['700px', '530px'], fix: false, //不固定 maxmin: true, content: 'test/iframe.html' }); 这里以php开发为例 演示如何 提交表单后自动关闭layer弹窗 (1)弹出layer编辑框

随机推荐