layui的layer.confirm如何獲取按鈕焦點

更新時間：2023年11月20日 10:04:27 作者：ok060

因為ayer.confirm的按鈕并非采用button,而是a標簽,所以獲取按鈕焦點獲取不到,要采用別的方法,下面介紹在ie11中和ie8中不同的寫法,對layui layer.confirm獲取按鈕焦點相關(guān)知識感興趣的朋友一起看看吧

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;
  }

后種方法是兼容的不怕麻煩的可直接采取后種方法

到此這篇關(guān)于layui的layer.confirm獲取按鈕焦點的文章就介紹到這了,更多相關(guān)layui layer.confirm獲取按鈕焦點內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: