html - ページで発生しているイベントを聞いていますか?

Question

ページで発生しているイベントを認識しようとしています。たとえば、ページが読み込まれるという 1 つのイベントが発生し、ユーザーがリンクをクリックすると、別のイベントになるか、ドロップダウン ボックスが開くなどのイベントが発生します。ここでは、これらすべてのイベントを探しています。HTMLページで発生しているイベントを監視する方法について何か考えはありますか?

Answer 1

JQuery と Prototype には、そのための優れたクロスブラウザー ソリューションがあります。

JQ クリックの例:

$('#foo').bind('click', function() {
  alert('User clicked on "foo."');
});

JQ DOM 対応の例 (ページが読み込まれました):

$(document).ready(function() {
  $('#foo').bind('click', function(event) {
    alert('The mouse cursor is at ('
      + event.pageX + ', ' + event.pageY + ')');
  });
});

Answer 2

ここでイベントについて読むことができます：

イベント: http://w3schools.com/jsref/dom_obj_event.asp

使用: http://www.w3.org/wiki/Handling_events_with_JavaScript