javascript鼠标事件类型帮助

javascript鼠标事件类型帮助,javascript,Javascript,//****鼠标事件 const btn=document.querySelector('btndeletell'); //**点击事件 btn.addEventListener('click',eventHandler); 函数eventHandler(事件) { log(`event type:${event.type}`); } Delete您必须检查0的事件按钮属性,以了解是否单击了左按钮: 发件人: 0:按下主按钮,通常为左按钮或未初始化 陈述 1:按下辅助按钮,通常是车轮按钮或中间

//****鼠标事件
const btn=document.querySelector('btndeletell');
//**点击事件
btn.addEventListener('click',eventHandler);
函数eventHandler(事件)
{
log(`event type:${event.type}`);
}

Delete
您必须检查
0
事件按钮
属性,以了解是否单击了左按钮:

发件人:

  • 0:按下主按钮,通常为左按钮或未初始化 陈述
  • 1:按下辅助按钮,通常是车轮按钮或中间按钮 按钮(如果存在)
  • 2:按下辅助按钮,通常是右按钮
  • 3:第四个按钮,通常为浏览器后退按钮
  • 4:第五个按钮,通常为浏览器前进按钮
另外(仅供参考),当元素具有
id
时,使用
document.getElementById()
,这将比
.querySelector()
更快

let btn=document.getElementById('btnDeleteAll');
btn.addEventListener('click',eventHandler);
函数eventHandler(事件){
log(`event type:${event.type}`,`event.button:${event.button}`);
}
//单击鼠标右键
btn.addEventListener('contextmenu',函数(事件){
//防止出现本机上下文菜单(此处仅用于测试)
event.preventDefault();
log(`event type:${event.type}`,`event.button:${event.button}`);
});

Delete
您能解释一下“左侧”是什么意思吗?您好@emirhan,我可以看到代码工作正常,并输出
事件类型:单击
。您是否期望其他输出?您是否正在寻找类似的输出?