当前位置: 首页 > news >正文

layui的layer.confirm获取按钮焦点

因为ayer.confirm的按钮并非采用button,而是a标签,所以获取按钮焦点获取不到,要采用别的方法,下面介绍在ie11中和ie8中不同的写法

在ie11中

layer.confirm('确定取消这个弹窗吗?',{btn: ['确定', '取消'],success:function(layero){//获取焦点var btn = layero[0].getElementsByClassName('layui-layer-btn')        [0].getElementsByTagName('A')[0];    btn.href = 'javascript:void(0)';btn.focus();},title:"提示"},function(index){layer.close(index);//你的操作});})

在ie8中不支持getElementsByClassName方法,我们需要对它做额外的处理

layer.confirm('确定取消这个弹窗吗?',{btn: ['确定', '取消'],success:function(layero){//获取焦点var btn = getElementsByClassName('layui-layer-btn')        [0].getElementsByTagName('A')[0];    btn.href = 'javascript:void(0)';btn.focus();},title:"提示"},function(index){layer.close(index);//你的操作});})

重写getElementsByClassName方法

var getElementsByClassName = function (searchClass, node,tag) {var result = [];node = node || document;tag = tag || "*";var classes = searchClass.split(" "),elements = (tag === "*" && node.all) ? node.all: node.getElementsByTagName(tag),patterns = [],current,match;var i = classes.length;while (--i >= 0) {patterns.push(new RegExp("(^|\\s)" + classes[i] + "(\\s|$)"));}var j = elements.length;while (--j >= 0) {current = elements[j];match = false;for (var k = 0,kl = patterns.length; k < kl; k++) {match = patterns[k].test(current.className);if (!match) break;}if (match) result.push(current);}return result;}

 后种方法是兼容的不怕麻烦的可直接采取后种方法

http://www.lryc.cn/news/237609.html

相关文章:

  • 【HarmonyOS】鸿蒙应用开发基础认证题目
  • Mocha
  • Java详解I/O
  • 数据处理生产环境_spark获取df列当前日期的前一天日期
  • 第四代智能井盖传感器,实时守护井盖位安全
  • 【前端知识】Node——文件流的读写操作
  • 解决证书加密问题:OpenSSL与urllib3的兼容性与优化
  • #gStore-weekly | gAnswer源码解析 调用NE模块流程
  • vscode 配置 lua
  • vscode设置代码模板
  • 用css实现原生form中radio单选框和input的hover已经focus的样式
  • uniapp:录音权限检查,录音功能
  • Rust开发——切片(slice)类型
  • 如何给shopify motion主题的产品系列添加description
  • 力扣刷题-二叉树-二叉树最小深度
  • 注解方式优雅的实现 Redisson 分布式锁
  • PHP/Laravel通过经纬度计算距离获取附近商家
  • grafana面板介绍
  • 实验三 循环结构程序设计(Python)
  • Flutter笔记:目录与文件存储以及在Flutter中的使用(上)
  • 注意了!申请流量卡时地址一定不要填写学校,不好下卡哦!
  • minio使用shell上传文件
  • LeetCode538. Convert BST to Greater Tree
  • iPaaS和RPA,企业自动化应该如何选择?
  • AI实践与学习1_Milvus向量数据库实践与原理分析
  • 3Dexcite deltgen 2022x 新功能
  • 代码随想录算法训练营第六十天 | LeetCode 84. 柱状图中最大的矩形
  • 【2023云栖】陈守元:阿里云开源大数据产品年度发布
  • Element UI 禁用数字输入框组件添加鼠标滚动事件
  • 担忧CentOS停服?KeyarchOS系统来支撑