onselectstartとaddEventListenerのselectstartの違いについて

Question

「selectstart」イベントで選択範囲を指定できない状態を動的に付与する処理を作成していました。

onselectstartとaddEventListenerのselectstartの挙動が違うのですが、
addEventListenerでonselectstartと同じ動作にすることは可能でしょうか？

また、同一のものと考えていたのですが、なぜ違いがあるのかがわかりません。

// 選択範囲ができなくなる
document.onselectstart = () => {
  console.log("Select");
  return false;
};

// logは出るが選択範囲が可能
document.addEventListener('selectstart', () => {
  console.log('Select'); 
  return false;
});

Answer 1

また、同一のものと考えていたのですが、なぜ違いがあるのかがわかりません。

イベントのキャンセル方法が違います。

• window.on***…return falseを行う
• addEventListener…引数としてe（イベントオブジェクト、名前は何でもいい）を取ってe.preventDefault()を行う

Comments

[yookoko]

知識不足でした。助かりました。適切な回答ありがとうございます。