document.preventDefault（）は必要なものではありません

Question

私はApacheサーバー上で動作しているWebサイトを作っています。ウェブサイトには私だけがアクセスしています。 2つのオプションを持つドロップダウンリストと "Generate"ボタンで構成されています。ボタンがクリックされると、曲を含むオーディオ要素のリストが表示されます。各オーディオ要素の上には、mp3ファイル自体へのリンクもあります。 Lightbox をフェードインにして、誰かがクリックしたときにオーディオ要素を別々に表示したかったのです。私は、タグがクリックされたときのデフォルトの動作を防ぐためにJQueryを使用しましたが、それをターゲットにする方法しか見つけられませんでした。これは私の問題です：

document.addEventListener("click", function(event){ 
event.preventDefault();}); 

私はdocument一部を変更しようとしたが、それはこのエラーを示している：「キャッチされない例外TypeErrorを：songPlayer.addEventListenerは関数ではありません」。現在、すべてのドキュメントDOM要素を対象としていますが、これは私が望むものではありません。これを達成する他の方法はありますか？また、ライトボックスの作成に関するヒントもありますか？ありがとう。

Answer 1

addEventListener SoundPlayerので、DOM要素で呼び出される必要があるsoundPlayerのIDを持っています

var soundPlayer = document.getElementById('soundPlayer'); 

は、私たちが必要とするものである、 その後、我々が行うことができますjqueryので

soundPlayer.addEventListener("click", function(event){ 
... 

Answer 2

あなたは次の操作を行います。

$('#soundPlayer').on('click',function(e){//change #soundPlayer with the css selector of your element 
    e.preventDefault(); 
});