jsvascript eventHandler 传递参数的两种方式

最新推荐文章于 2024-04-23 08:36:01 发布

newhuan1995

最新推荐文章于 2024-04-23 08:36:01 发布

阅读量909

点赞数

分类专栏： javascript 文章标签： javascript

本文链接：https://blog.csdn.net/newhuan1995/article/details/65629146

版权

javascript 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <title>Title</title>
</head>
<body>
<button id = "func1">func1</button>
<button οnclick="fn('func2')">func2</button>
<script>

   let btn = document.querySelector('#func1');
   //为事件传递参数:法一
   btn.onclick = (function (para) {
      return function (e) {
         alert(para);
        }
    })('func1');
// 为事件传递参数:法二
   function fn(a) {
      alert(a);
    }
//为事件传递参数：法三
	function test(a) {
   	console.log(a)
   	}
   		let btn = document.querySelector('button');
	let o = Object.create(null);	let va = '123';	let btnClickFunc = test.bind(o, va);	btn.addEventListener('click', btnClickFunc, false);
</script></body></html>