JavaScriptのイベント処理
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-[[戻る>JavaScript]]
*目次 [#p190fedf]
#contents
*概要 [#g1ce1b86]
イベント処理は
-イベントリスナーにイベントハンドラ（delegate）を設定する。
-[[jQuery]]でも記述できる。
*初期処理 [#a4d8cbca]
**load [#c5a497c6]
loadイベントは以下のように記述できる。
-window.onloadを使う。
window.onload = function() {
// ・・・処理・・・
};
-addEventListenerを使う。
window.addEventListener("load", function() {
// ・・・処理・・・
}, false);
**ready [#ladf9363]
jQueryのreadyメソッドを使用する。
$(document).ready(function () {
// ・・・処理・・・
});
-参考
--ready(fn) - jQuery 日本語リファレンス~
http://semooh.jp/jquery/api/events/ready/fn/
**比較 [#pf8630f0]
-[[load>#c5a497c6]]は、画像などのリソースのロードが済んだ...
タグがロードされていないと処理できない初期処理はコチラで...
-[[ready>#ladf9363]]はDOMロード後なのでonLoadより早いタイ...
-参考
--$(document).ready() と $(window).load() の違い | ことと...
http://blog.cototoco.net/work/201308/window-onload-%E3%81...
*参考 [#yff6e559]
**JavaScript [#dae3a3f9]
-イベントリファレンス - Web 技術のリファレンス | MDN~
https://developer.mozilla.org/ja/docs/Web/Reference/Events
-EventTarget.addEventListener - Web API インターフェイス ...
https://developer.mozilla.org/ja/docs/Web/API/EventTarget...
**jQuery [#r9fbc3eb]
-Events - jQuery 日本語リファレンス~
http://semooh.jp/jquery/api/events/
-jQuery： イベントに応じて処理を実行するには？（イベント...
http://www.buildinsider.net/web/jqueryref/015
終了行:
「[[.NET 開発基盤部会 Wiki>http://dotnetdevelopmentinfras...
-[[戻る>JavaScript]]
*目次 [#p190fedf]
#contents
*概要 [#g1ce1b86]
イベント処理は
-イベントリスナーにイベントハンドラ（delegate）を設定する。
-[[jQuery]]でも記述できる。
*初期処理 [#a4d8cbca]
**load [#c5a497c6]
loadイベントは以下のように記述できる。
-window.onloadを使う。
window.onload = function() {
// ・・・処理・・・
};
-addEventListenerを使う。
window.addEventListener("load", function() {
// ・・・処理・・・
}, false);
**ready [#ladf9363]
jQueryのreadyメソッドを使用する。
$(document).ready(function () {
// ・・・処理・・・
});
-参考
--ready(fn) - jQuery 日本語リファレンス~
http://semooh.jp/jquery/api/events/ready/fn/
**比較 [#pf8630f0]
-[[load>#c5a497c6]]は、画像などのリソースのロードが済んだ...
タグがロードされていないと処理できない初期処理はコチラで...
-[[ready>#ladf9363]]はDOMロード後なのでonLoadより早いタイ...
-参考
--$(document).ready() と $(window).load() の違い | ことと...
http://blog.cototoco.net/work/201308/window-onload-%E3%81...
*参考 [#yff6e559]
**JavaScript [#dae3a3f9]
-イベントリファレンス - Web 技術のリファレンス | MDN~
https://developer.mozilla.org/ja/docs/Web/Reference/Events
-EventTarget.addEventListener - Web API インターフェイス ...
https://developer.mozilla.org/ja/docs/Web/API/EventTarget...
**jQuery [#r9fbc3eb]
-Events - jQuery 日本語リファレンス~
http://semooh.jp/jquery/api/events/
-jQuery： イベントに応じて処理を実行するには？（イベント...
http://www.buildinsider.net/web/jqueryref/015
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
