Mousclick vs keypress

Question

当我的老师用键盘发出声音时：

document.addEventListener("keypress", function(event) {
---------------function-body-----------
});

有一只老鼠，他用

document.addEventListener("click, function(){
var drum = this.innerHTML;

我不明白为什么“事件”不能和老鼠一起使用？

Answer 1

您可以使用event属性，它通常只是没有必要的鼠标点击。

document.addEventListener("click", function(event){
    var drum = this.innerHTML;
});

上面的代码是完全有效的Javascript。请注意，确保您使用"终止了字符串。

Answer 2

您可以在任何事件中使用event接口。但是，您并不总是需要它，但是它始终是通过的。

这些是事件接口的MDN文档。

下面是一个简单的示例，说明事件接口是有用的，以及一个非常简单(有点不切实际)的用例，说明您可能不需要它。

​

const container = document.querySelector('div');

container.addEventListener('click', function(event) {
   // Event contains data about the event, such as the element that triggered it.
   event.target.textContent = 'you clicked me!';
});

const input = document.querySelector('input');
const output = document.querySelector('.output');

input.addEventListener('keydown', function() {
   // You don't need the event for the below side effect.
   output.textContent = `You've entering some text.`;
});

<div>
<button>Click me</button>
<button>Click me</button>
<button>Click me</button>
<button>Click me</button>
<button>Click me</button>
</div>

<input />
<div class='output'></div>

​