作成 2010.01.05
更新 2010.01.05
更新 2010.01.05
W3C DOM イベントモデル
指定できるイベント タイプの例
blur, focus, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error
サンプル コード
var addListener = function(element, type, func) { if(! element) { return false; } if(element.addEventListener) { /* W3C準拠ブラウザ用 */ element.addEventListener(type, func, false); } else if(element.attachEvent) { /* Internet Explorer用 */ element.attachEvent('on'+type, func); } else { return false; } return true; }; var div_block = document.getElementById('myblock1'); var myalert = function() { alert("clicked!"); }; addListener(div_block, "click", myalert);
指定できるイベント タイプの確認方法のサンプル
例えば window がサポートしているイベントを確認するには以下のように書く。
Internet Explorer の場合は "on" から始まっている物がイベント。
Firefox の場合は登録内容が function() になっているもの。
プロパテイなども確認できる。
見つからなくても登録でき、動作することがある。
var event_list = []; for (var prop in window) { event_list.push(prop + "=>" + window[prop]); } var result = event_list.join("\n");
タグ: JavaScript