欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js添加onclick时自动执行onclick的函数的解决办法

程序员文章站 2022-04-17 10:50:57
...

       自动生成按钮的操作,然后生成的动态id(json数据里面的值作为id)是不确定的,所以一般的监听获取id是没办法进行的,所以监听只能用onclick来实现,给按钮添加了方法和函数之后,发现初始化页面之后会自动点击所有的按钮,

源码:

button.setAttribute("id", jo[i][key]);

button.setAttribute("onclick",bottonName(jo[i][key] );

function bottonName(name){
	// alert(name);
	console.log(name);
	// mui.toast(name); 
}

因为bottonName函数里面含有参数所以我是直接传的参数,但是这样就造成了每次创建按钮的onclick方法的时候都会去执行这个方法,是不是很蠢!!!

解决办法:

button.setAttribute("onclick","bottonName(" + jo[i][key] + ")");

拼接函数获取值之后作为参数传进拼接的函数里面。