layui的layer.confirm如何获取按钮焦点

 更新时间:2023年11月20日 10:04:27   作者:ok060  
因为ayer.confirm的按钮并非采用button,而是a标签,所以获取按钮焦点获取不到,要采用别的方法,下面介绍在ie11中和ie8中不同的写法,对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;
  }

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

到此这篇关于layui的layer.confirm获取按钮焦点的文章就介绍到这了,更多相关layui layer.confirm获取按钮焦点内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • javascript下IE与FF兼容函数收集

    javascript下IE与FF兼容函数收集

    在我们平时写js的过程中,有可能会考虑到尽量兼容浏览器的兼容性,下面是两个常用的方法
    2008-09-09
  • layui 对table中的数据进行转义的实例

    layui 对table中的数据进行转义的实例

    今天小编就为大家分享一篇layui 对table中的数据进行转义的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • javascript转换日期字符串为Date日期对象的方法

    javascript转换日期字符串为Date日期对象的方法

    这篇文章主要介绍了javascript转换日期字符串为Date日期对象的方法,是非常实用的转换技巧,需要的朋友可以参考下
    2015-02-02
  • js本地图片预览实现代码

    js本地图片预览实现代码

    这篇文章主要为大家详细介绍了js本地图片预览实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-10-10
  • 使用javascript函数编写简单银行取钱存钱流程

    使用javascript函数编写简单银行取钱存钱流程

    本文通过实例代码给大家讲解了使用javascript函数编写简单银行取钱存钱流程,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-05-05
  • TypeScript路径别名的配置指南

    TypeScript路径别名的配置指南

    TypeScript 提供了路径别名的功能,方便开发者在大型项目中更高效地引用模块,减少相对路径的冗长与复杂,本文将详细介绍如何配置路径别名,如何结合 Vite 和 Node 环境进行别名设置,帮助开发者在项目开发中更为便捷地组织代码,需要的朋友可以参考下
    2025-03-03
  • js仿淘宝和百度文库的评分功能

    js仿淘宝和百度文库的评分功能

    这篇文章主要为大家详细介绍了js仿淘宝和百度文库的评分功能的相关代码和实现思路,具有一定的参考价值,需要的朋友可以参考下
    2016-05-05
  • 浅谈使用splice函数对数组中的元素进行删除时的注意事项

    浅谈使用splice函数对数组中的元素进行删除时的注意事项

    下面小编就为大家带来一篇浅谈使用splice函数对数组中的元素进行删除时的注意事项。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • bootstrapvalidator之API学习教程

    bootstrapvalidator之API学习教程

    这篇文章为大家分享了bootstrapvalidator之API学习教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • JS根据奖品权重计算中奖概率

    JS根据奖品权重计算中奖概率

    这篇文章主要介绍了JS计算中奖概率实现抽奖的方法,对算法感兴趣的同学,可以参考下
    2021-05-05

最新评论