JS实现trigger click调用

89 阅读 0 评论 59 点赞

我是靠谱客的博主傻傻丝袜，最近开发中收集的这篇文章主要介绍JS实现trigger click调用，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

转载：http://www.nowamagic.net/librarys/veda/detail/1698

实现模拟trigger click方法，实现方式判断浏览器，判断nodeName

依据是Safari/Chrome不支持非input/button元素的click方法。

function triggerClick( el ) {
	    var nodeName = el.nodeName,
	        safari_chrome = /webkit/.test(navigator.userAgent.toLowerCase());
	    if(safari_chrome && (nodeName != 'INPUT' || nodeName != 'BUTTON')) {
	        try{
	            var evt = document.createEvent('Event');
	            evt.initEvent('click',true,true);
	            el.dispatchEvent(evt);
	        }catch(e){alert(e)};
	    }else{
	        el.click();
	    }
	}

或者直接判断元素是否具有click方法即可

Safari/Chrome中非input/button元素没有click方法，返回undefined

unction triggerClick( el ) {
	    if(el.click) {
	        el.click();
	    }else{
	        try{
	            var evt = document.createEvent('Event');
	            evt.initEvent('click',true,true);
	            el.dispatchEvent(evt);
	        }catch(e){alert(e)};       
	    }
	}