addeventlistener 读取不到data

addeventlistener 是一个用于监听 DOM 事件的方法，它通常用于监听用户在页面上的交互操作，比如点击、滚动等。它并不直接用于读取数据，如果你想要读取数据，需要在事件处理函数中使用其他方法来获取数据。

具体来说，如果你想要在事件处理函数中读取数据，可以通过以下两种方式来获取：

1. 如果数据是通过表单提交的，可以通过表单元素的 value 属性来获取数据。比如：

<input id="myInput" type="text">
<button id="myButton">提交</button>

<script>
  const myInput = document.getElementById('myInput');
  const myButton = document.getElementById('myButton');

  myButton.addEventListener('click', () => {
    const inputValue = myInput.value;
    console.log(inputValue);
  });
</script>

这样，当用户在输入框中输入一些内容，点击提交按钮时，就可以在控制台中打印出输入框中的内容。

2. 如果数据是通过 AJAX 请求获取的，可以通过 XMLHttpRequest 对象来获取。比如：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data');
xhr.onload = function() {
  const responseData = JSON.parse(xhr.responseText);
  console.log(responseData);
};
xhr.send();

这样，当 AJAX 请求完成后，就可以在控制台中打印出响应数据了。

希望能对你有所帮助。如果还有问题，请详细描述你的场景和问题，我会尽力帮你解决。