イベントリスナーを追加する

Question

同じイベントに対して2つのEventListenersを作成しようとしていました。

私はあなたが本当にそれを行うことはできません実現するまで - たとえば、次のように

thumbnailPageButton.addEventListener("click", onThumbnailPageButton, false); 
thumbnailPageButton.addEventListener("click", alertSomething); 

は、だから私は、私は「onThumbnailPageButton」の下に望んでいたコードを配置し、「alertSomething」の部分を削除しました。

/* Event handler for click events dispatched by ThumbnailPageButton to update the visibility of UI elements. */ 
function onThumbnailPageButton(event){ 
    updateUI(); 
    alert("Yes you clicked it!"); 
} 

しかし、これはすべてを破るようです。サムネイルアイコンは表示されません。

Answer 1

あなたはです。同じオブジェクトに同じイベントタイプの複数のリスナーを実行します。これはあなたがしようとしていたものと推測します。下記参照。

あなたのコードにはほんの奇妙なものがあります。あなたはそれをJQueryとしてタグ付けしましたが、$（ '＃thumbnailPageButton'）のようなJQueryは使用しませんでした。click（function（）{etc}））。また、あなたはあなたの関数alertSomething（あなたのコードに関数がリストされていません）を呼び出していません。これを試してみてください：ここ

var thumbnailPageButton = document.getElementById('thumbnailPageButton'); 
thumbnailPageButton.addEventListener("click", onThumbnailPageButton, false); 
thumbnailPageButton.addEventListener("click", alertSomething); 


function onThumbnailPageButton(){ 
    alert('hey'); 
} 

function alertSomething(){ 
    alert('here'); 
} 

はフィドル：https://jsfiddle.net/anwh0epe/