マウスのイベントプロパティ表示

説明補足説明コード分割コード関連書籍コメント投稿

このサンプルは、マウスイベント(DOM Level 2)の各種プロパティを表示します。マウスは画面上位に表示されているグレーのボックス内で操作してください。

このサンプルは、マウスイベント(DOM Level 2)の各種プロパティを表示します。マウスは画面上位に表示されているグレーのボックス内で操作してください。

マウスの各種イベントハンドラは、DOM Level 2のAPIを使用して登録しています。

universal.dom.addEventListener(
  box,'mouseover',dispMouseEventProperties);
universal.dom.addEventListener(
  box,'mouseout',dispMouseEventProperties);
universal.dom.addEventListener(
  box,'mousemove',dispMouseEventProperties);
universal.dom.addEventListener(
  box,'mousedown',dispMouseEventProperties);
universal.dom.addEventListener(
  box,'mouseup',dispMouseEventProperties);
universal.dom.addEventListener(
  box,'click',dispMouseEventProperties);