addEventListenerに複数のイベントを追加したい Javascript

作成日: 2024年02月12日

jQueryなら

$(".btn").on("click touchstart", (e) => { // clickとtouchstartを追加
 ... 処理
 
});

$(".btn").on("click touchstart", (e) => { // clickとtouchstartを追加

... 処理

});

Javascriptではできない

btn.addEventlistner("click touchstart", (e) => { // clickとtouchstartを追加できない
 ... 処理
 console.log(`event type : ${ e.type}`)
});

btn.addEventlistner("click touchstart", (e) => { // clickとtouchstartを追加できない

... 処理

console.log(`event type : ${ e.type}`)

});

'click touchstart'.split(' ').forEach((eName)=>{
  btn.addEventListener(eName, (e)=>{
   ... 処理
    console.log(`event type : ${ e.type}`)
  })
})

'click touchstart'.split(' ').forEach((eName)=>{

btn.addEventListener(eName, (e)=>{

... 処理

console.log(`event type : ${ e.type}`)

})

コメントはありません。