JavaScript 绑定事件时传递参数数据的两种方法

微wx笑 2020-03-30【网页网站】284 8 0关键字： JavaScript

JavaScript 绑定事件时传递参数数据方法一：转自：https://segmentfault.com/a/1190000002440325var data = { name: 'Ruchee', email: 'my@ruchee.com'}

JavaScript 绑定事件时传递参数数据3KB无知

方法一：

转自：https://segmentfault.com/a/11900000024403253KB无知

var data = {
    name: 'Ruchee',
    email: 'my@ruchee.com'
};
data.handleEvent = function (e) {
    console.log(this);
};
document.getElementById('test_button').addEventListener('click', data, false);

要点：3KB无知

1. 绑定事件时传递数据本身3KB无知

2. 传递的数据中需要定义有一个 handleEvent 方法来负责事件响应3KB无知

3KB无知

方法二：

还有一种方法，就是在标签上绑定要传递的数据，例如：3KB无知

var image = document.createElement("img");
image.src = ci;//ci为一个URL字符串
image.setAttribute("data-src", ci);
image.addEventListener("click",inputTitlepic);
 
function inputTitlepic(evt){
  var ipt = document.getElementById("titlepic");
  if (ipt && evt){
    ipt.value = evt.srcElement.getAttribute("data-src");
  }
}