JavaScript/イベント
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-[[JavaScript]]
-[[JavaScript/V8]]
-[[JavaScript/イベント]]
-[[JavaScript/サーバサイド]]
-[[JavaScript/トラブル事例]]
-[[JavaScript/ライブラリ]]
-[[JavaScript/ローカルファイル]]
----
-[[JavaScriptとHTMLとDOMの基本#2 イベント編:http://gihyo....
-[[イベントハンドラの仕様と概要:http://omnioo.com/omniool...
-[[イベントとイベント処理:https://sites.google.com/a/cse....
-[[onmousedown属性 onmousemove属性 onmouseup属性 - WorldW...
-[[eventオブジェクト:http://js.cg-10.com/sub-sub-javas4.h...
-[[javascriptのonClickにあるreturn:http://hamu888.blog133...
-[[Onclick関数とtargetの関数が競合してしまいます。:http:/...
* ブラウザによる違い [#p9c4162b]
-[[ブラウザによるイベントの取り扱いの違いを吸収する:http:...
* イベントモデルの種類 [#i019bc8d]
| 種類 | IE以外 | IE | 説明 |h
| DOMレベル0 | o | o | HTML4標準。IE以外とIEで若干異なる...
| DOMレベル2 | o | x | aaa |
| IE独自 | x | o | |
** DOMレベル0 [#q3607f9e]
-ページ要素の属性として onXXXX という形式のイベントハンド...
-属性名は全て小文字だけにする（例：onload）
-イベントオブジェクトへのアクセス方法
--IE ... window.event
--IE以外 ... イベントを表すオブジェクトがイベントハンドラ...
** DOMレベル2 [#i52c6ff2]
-任意のオブジェクトの任意のイベントに対して、複数のイベン...
-各オブジェクトが以下の3つのメソッドを持っている
--addEventListner
--removeEventLIstner
--dispatchEventListner
** IE独自のイベントモデル [#y9a81e45]
-各オブジェクトが以下の2つのメソッドを持っている
--attachEvent ... addEventLister相当
--detachEvent ... removeEventLister相当
-IEのイベントモデルでは、各イベントハンドラにメモリが割り...
*イベントの取得 [#r19712ae]
-[[イベントオブジェクトまとめ:http://archiva.jp/web/javas...
-IEでもFirefoxでもイベントオブジェクトが取得できる関数
function getEvent(){
if (window.event) return window.event;
var caller = arguments.callee.caller;
while (caller) {
var obj = caller.arguments[0];
if (obj && (obj.constructor == MouseEvent || obj...
caller = caller.caller;
}
return null;
}
-[[参考：Firefoxでの擬似window.event:http://p2b.jp/114906...
**フォーム関連 [#k7d3c8ec]
-[[【JavaScript】blurとfocusoutの違いについて解説:https:/...
-[[フォーカス: focus/blur:https://ja.javascript.info/focu...
**全角入力 [#j3ce9448]
-[[全角入力の開始と終了を検出する:https://gray-code.com/j...
-[[JavaScript で日本語の変換確定とその他のリターンを識別...
-[[IME（全角）入力におけるjsイベント現状調査:https://qiit...
***CompositionEvent [#v94b7738]
-IMEによるテキスト編集監視に用いるイベント
-半角入力時は当然発火しない
-compositionstart ... IMEで未確定文字列の入力を開始した時
-compositionupdate ... IMEで編集中のテキストが変更された時
-compositionend ... IME確定時
-[[KeyboardEvent.isComposing:https://developer.mozilla.or...
**キー関連 [#l0b7ff3c]
-[[onkeydown、onkeypress、onkeyupの動作の違い【JavaScript...
**ボタン関連 [#n4850917]
-[[どのボタンでクリックされたか判別する:http://www.progra...
-[[JavaScriptでのキーボードイベント処理:http://javascript...
*イベントの優先順位 [#e01d0fa3]
-Netscape, Firefox, Opera, Safari では onmousedown→onmous...
-Internet Explorer のみイベント発生順序が異なり、onmoused...
*トラブルシューティング [#hb3789dd]
-[[[Vue.js] iOSでIME入力中に他のテキストボックスにフォー...
終了行:
-[[JavaScript]]
-[[JavaScript/V8]]
-[[JavaScript/イベント]]
-[[JavaScript/サーバサイド]]
-[[JavaScript/トラブル事例]]
-[[JavaScript/ライブラリ]]
-[[JavaScript/ローカルファイル]]
----
-[[JavaScriptとHTMLとDOMの基本#2 イベント編:http://gihyo....
-[[イベントハンドラの仕様と概要:http://omnioo.com/omniool...
-[[イベントとイベント処理:https://sites.google.com/a/cse....
-[[onmousedown属性 onmousemove属性 onmouseup属性 - WorldW...
-[[eventオブジェクト:http://js.cg-10.com/sub-sub-javas4.h...
-[[javascriptのonClickにあるreturn:http://hamu888.blog133...
-[[Onclick関数とtargetの関数が競合してしまいます。:http:/...
* ブラウザによる違い [#p9c4162b]
-[[ブラウザによるイベントの取り扱いの違いを吸収する:http:...
* イベントモデルの種類 [#i019bc8d]
| 種類 | IE以外 | IE | 説明 |h
| DOMレベル0 | o | o | HTML4標準。IE以外とIEで若干異なる...
| DOMレベル2 | o | x | aaa |
| IE独自 | x | o | |
** DOMレベル0 [#q3607f9e]
-ページ要素の属性として onXXXX という形式のイベントハンド...
-属性名は全て小文字だけにする（例：onload）
-イベントオブジェクトへのアクセス方法
--IE ... window.event
--IE以外 ... イベントを表すオブジェクトがイベントハンドラ...
** DOMレベル2 [#i52c6ff2]
-任意のオブジェクトの任意のイベントに対して、複数のイベン...
-各オブジェクトが以下の3つのメソッドを持っている
--addEventListner
--removeEventLIstner
--dispatchEventListner
** IE独自のイベントモデル [#y9a81e45]
-各オブジェクトが以下の2つのメソッドを持っている
--attachEvent ... addEventLister相当
--detachEvent ... removeEventLister相当
-IEのイベントモデルでは、各イベントハンドラにメモリが割り...
*イベントの取得 [#r19712ae]
-[[イベントオブジェクトまとめ:http://archiva.jp/web/javas...
-IEでもFirefoxでもイベントオブジェクトが取得できる関数
function getEvent(){
if (window.event) return window.event;
var caller = arguments.callee.caller;
while (caller) {
var obj = caller.arguments[0];
if (obj && (obj.constructor == MouseEvent || obj...
caller = caller.caller;
}
return null;
}
-[[参考：Firefoxでの擬似window.event:http://p2b.jp/114906...
**フォーム関連 [#k7d3c8ec]
-[[【JavaScript】blurとfocusoutの違いについて解説:https:/...
-[[フォーカス: focus/blur:https://ja.javascript.info/focu...
**全角入力 [#j3ce9448]
-[[全角入力の開始と終了を検出する:https://gray-code.com/j...
-[[JavaScript で日本語の変換確定とその他のリターンを識別...
-[[IME（全角）入力におけるjsイベント現状調査:https://qiit...
***CompositionEvent [#v94b7738]
-IMEによるテキスト編集監視に用いるイベント
-半角入力時は当然発火しない
-compositionstart ... IMEで未確定文字列の入力を開始した時
-compositionupdate ... IMEで編集中のテキストが変更された時
-compositionend ... IME確定時
-[[KeyboardEvent.isComposing:https://developer.mozilla.or...
**キー関連 [#l0b7ff3c]
-[[onkeydown、onkeypress、onkeyupの動作の違い【JavaScript...
**ボタン関連 [#n4850917]
-[[どのボタンでクリックされたか判別する:http://www.progra...
-[[JavaScriptでのキーボードイベント処理:http://javascript...
*イベントの優先順位 [#e01d0fa3]
-Netscape, Firefox, Opera, Safari では onmousedown→onmous...
-Internet Explorer のみイベント発生順序が異なり、onmoused...
*トラブルシューティング [#hb3789dd]
-[[[Vue.js] iOSでIME入力中に他のテキストボックスにフォー...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
