MUI自定义事件的两种方法

最新推荐文章于 2024-05-14 11:48:31 发布

怪我冷i

最新推荐文章于 2024-05-14 11:48:31 发布

阅读量7k

点赞数

分类专栏： javaScript 大前端文章标签： mui

本文链接：https://blog.csdn.net/e891377/article/details/55656772

版权

大前端同时被 2 个专栏收录

22 篇文章 0 订阅

订阅专栏

javaScript

18 篇文章 0 订阅

订阅专栏

mui.fire

监听自定义事件

document.addEventListener('gohome',function(){

})

触发自定义事件

window.addEventListener('gohome',function(event){
  //通过event.detail可获得传递过来的参数内容
  ....
});

evalJS

调用事件

// 二维码扫描成功
function onmarked(type,result,file){
    switch(type){
    	case plus.barcode.QR:
    	type = "QR";
    	break;
    	case plus.barcode.EAN13:
    	type = "EAN13";
    	break;
    	case plus.barcode.EAN8:
    	type = "EAN8";
    	break;
    	default:
    	type = "其它"+type;
    	break;
    }
    result = result.replace(/\n/g, '');
    wo.evalJS("scaned('"+ type +"','"+ result +"','"+ file +"');");
    back();
}

事件

function scaned( t, r, f ) {
	var d = new Date();
	var h=d.getHours(),m=d.getMinutes(),s=d.getSeconds(),ms=d.getMilliseconds();
	if ( h < 10 ) { h='0'+h; }
	if ( m < 10 ) { m='0'+m; }
	if ( s < 10 ) { s='0'+s; }
	if ( ms < 10 ) { ms='00'+ms; } else if ( ms < 100 ) { ms='0'+ms; }
	var ts = '['+h+':'+m+':'+s+'.'+ms+']';
	
	var li=null,hl = document.getElementById("history");
	if ( blist.length > 0 ) {
		li = document.createElement("li");
		li.className = "ditem";
		hl.insertBefore( li, hl.childNodes[0] );
	} else {
		li = document.getElementById("nohistory");
	}
	li.id = blist.length;
	var html = '['+h+':'+m+':'+s+'.'+ms+']'+'　　'+t+'码<div class="hdata">';
	html += r;
	html += '</div>';
	li.innerHTML = html;
	li.setAttribute( "onclick", "selected(id);" );
	blist[blist.length] = {type:t,result:r,file:f};
	update( t, r, f );
}