jQuery テキスト ボックス (入力テキスト) イベント バインディング メソッドtutorial_jquery
現在 1.7 以降では、jquery のイベント バインディングが元のバインドを on に置き換えています。 次に、バインドと入力テキストのイベントの使用方法を紹介します。興味のある方は、
(1) を参照してください。 ) jquery binding events
現在 1.7 以降では、jquery のイベント バインディングは元のバインドを on に置き換えています。 違い: (個人的な理解) binding は各子ノードにバインドされているだけです。
使用法: バインド
1 つのイベント、1 つのメソッド: $(".class input").bind('click ',function(e){ ...;e.stopPropagation;})
2 つのイベント、1 つのメソッド: $(".class input").bind('click Mouseover',function(e){.. .;e.stopPropagation;})
2 つのイベント、2 つのメソッド: $(".class input").bind({ click:function(e){...;e.stopPropagation;}、mouseover: function(e){...;e .stopPropagation;} })
on では、bind を直接置き換えることができます。これは、上記の使用法が on に適用できることを意味します。
さらに、on には、bind 選択パラメータよりも 2 つのオプションがあります。
on( events [ , selector ] [, data ], handler(eventObject) )
selector: バインドされる要素。上記の例は $(".class") のように記述できます。 input',function(e){...;e.stopPropagation;})
('Shit' に固有の、使いにくいイベントがあることに注意してください。つまり、Event: onpropertychange;
使用可能: $(".class input").bind('propertychange',function(e){...;e.stopPropagation;})
応答なし: $(".class") .bind('propertychange','input',function(e){...;e.stopPropagation;})
)
data:event.data に渡されるパラメータ、$ (".class ").bind('click','input','123',function(e){alert(e.data/*123*/);e.stopPropagation;})
(より具体的な使用法については、マニュアル http://api.jquery.com/on/ を確認してください);
(2) テキスト ボックスのコンテンツのリアルタイム変更イベントを作成する前に、 を入力します。イベントがトリガーされる場合は、onkeyup onchange; を使用しますが、onchang はテキスト ボックスがフォーカスを外した後にのみトリガーされます。後で、
(IE の場合) onpropertychange else oninput で処理できることがわかりました。
注:
oninput イベントは、ユーザーが入力、バックスペース、削除、カット、ペースト、およびマウスのカット アンド ペーストを行ったときにトリガーされます (IE9 と IE9 では若干異なる場合があります)。
(Firefox、Chrome、IE9 および IE9 はすべてサポート)
onpropertychange イベントは、ユーザー入力、バックスペース、削除、カット、ペースト、マウスのカット アンド ペースト
(IE でのみサポート) のときにトリガーされます。
(3) 共通イベント oncut イベントは、オブジェクトがアクティブ要素として設定されている場合、貼り付け (ctrl v) またはマウス貼り付け時にトリガーされます。
onafterupdate は、データ ソース オブジェクト内の関連オブジェクトが正常に更新された後、データ バインディング オブジェクトに対してトリガーされます。
onbeforeactivate オブジェクトは、現在の要素に設定される直前にトリガーされます。
onbeforecut 選択した領域がドキュメントから削除される前に、ソース オブジェクトで起動されます。
onbeforedeactivate は、activeElement が現在のオブジェクトから親ドキュメント内の別のオブジェクトに変更される直前にトリガーされます。
onbeforeeditfocus は、編集可能要素に含まれるオブジェクトがユーザー インターフェイスのアクティブ化状態に入る前、または編集可能コンテナがコントロール選択領域になる前にトリガーされます。
onbeforepaste 選択内容がシステム クリップボードからドキュメントに貼り付けられる前に、ターゲット オブジェクトに対して起動されます。
onbeforeupdate は、データ ソース オブジェクト内の関連オブジェクトが正常に更新される前に、データ バインディング オブジェクトに対してトリガーされます。
onblur は、オブジェクトが入力フォーカスを失ったときにトリガーされます。
onchange オブジェクトまたは選択した領域のコンテンツが変更されたときにトリガーされます。
onclick は、ユーザーがマウスの左ボタンでオブジェクトをクリックするとトリガーされます。
oncontextmenu ユーザーがクライアント領域を右クリックしてコンテキスト メニューを開くと起動されます。
oncontrolselect ユーザーがオブジェクトのコントロール選択を作成しようとしているときに起動します。
oncut オブジェクトまたは選択範囲がドキュメントから削除され、システム クリップボードに追加されたときに、ソース要素で起動されます。
ondblclick ユーザーがオブジェクトをダブルクリックすると起動します。
ondeactivate は、activeElement が現在のオブジェクトから親ドキュメント内の別のオブジェクトに変更されるときにトリガーされます。
ondrag ドラッグ操作が実行されると、ソース オブジェクト上で継続的に起動されます。
ondragend ドラッグ操作が終了した後にユーザーがマウスを放したときに、ソース オブジェクトで起動されます。
ondragenter は、ユーザーがオブジェクトを正当なドラッグ ターゲットにドラッグすると、ターゲット要素でトリガーされます。
ondragleave は、ユーザーがドラッグ操作中にマウスを正当なドラッグ ターゲットの外に移動すると、ターゲット オブジェクトでトリガーされます。
ユーザーが正当なドラッグ ターゲットを越えてオブジェクトをドラッグすると、ターゲット要素で Ondragover が引き続きトリガーされます。
ondragstart ユーザーがテキスト選択領域または選択したオブジェクトのドラッグを開始すると、ソース オブジェクトで起動されます。
ondrop ドラッグ操作中にマウス ボタンが放されたときに、ターゲット オブジェクトで起動します。
onerrorupdate は、データ ソース オブジェクト内の関連データの更新中にエラーが発生したときに、データ バインディング オブジェクトでトリガーされます。
onfilterchange ビジュアル フィルターの状態が変更されるか、遷移が完了するときに発生します。
onfocus オブジェクトがフォーカスを取得したときに発生します。
onfocusin 要素がフォーカスに設定される前に起動します。
onfocusout は、フォーカスを他の要素に移動した直後に、現在フォーカスがある要素に対してトリガーされます。
onhelp ブラウザが現在のウィンドウであるときにユーザーが F1 キーを押すと起動します。
onkeydown ユーザーがキーボードのキーを押したときに起動します。
onkeypress ユーザーがリテラルキーを押したときに起動します。
onkeyup ユーザーがキーボードのキーを放したときに起動します。
onlosecapture オブジェクトがマウスのキャプチャを失ったときに起動します。
onmousedown ユーザーがマウス ボタンでオブジェクトをクリックすると起動します。
onmouseenter ユーザーがマウス ポインタをオブジェクト内に移動すると起動します。
onmouseleave ユーザーがマウス ポインタをオブジェクトの境界外に移動すると発生します。
onmousemove は、ユーザーがマウスをオブジェクト上に移動するとトリガーされます。
onmouseout ユーザーがマウス ポインタをオブジェクトの境界外に移動すると発生します。
onmouseover ユーザーがマウス ポインタをオブジェクト内に移動すると起動します。
onmouseup マウスがオブジェクト上にあるときにユーザーがマウス ボタンを放したときに起動します。
onmousewheel マウスのホイール ボタンが回転すると起動します。
onmove オブジェクトが移動すると発火します。
onmoveend オブジェクトの移動が停止したときに発生します。
onmovestart オブジェクトが移動を開始すると起動します。
onpaste ユーザーがデータを貼り付けてシステム クリップボードからドキュメントにデータを転送するときに、ターゲット オブジェクトで起動されます。
onpropertychange オブジェクトでプロパティの変更が発生したときに起動します。
onreadystatechange は、オブジェクトの状態が変化するとトリガーされます。
onresize オブジェクトのサイズが変更されようとしているときに起動します。
onresizeend は、ユーザーがコントロールの選択領域内のオブジェクトのサイズを変更するとトリガーされます。
onresizestart ユーザーがコントロールの選択領域内のオブジェクトのサイズを変更し始めると発生します。
onselect は、現在の選択が変更されるとトリガーされます。
onselectstart は、オブジェクトが選択されようとしているときにトリガーされます。
ontimeerror 特定の時間にエラーが発生した場合に無条件で起動します。通常はプロパティを無効な値に設定することが原因です。

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

AI Hentai Generator
AIヘンタイを無料で生成します。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック











JavaScript文字列置換法とFAQの詳細な説明 この記事では、javaScriptの文字列文字を置き換える2つの方法について説明します:内部JavaScriptコードとWebページの内部HTML。 JavaScriptコード内の文字列を交換します 最も直接的な方法は、置換()メソッドを使用することです。 str = str.replace( "find"、 "置換"); この方法は、最初の一致のみを置き換えます。すべての一致を置き換えるには、正規表現を使用して、グローバルフラグGを追加します。 str = str.replace(/fi

楽なWebページレイアウトのためにjQueryを活用する:8本質的なプラグイン jQueryは、Webページのレイアウトを大幅に簡素化します。 この記事では、プロセスを合理化する8つの強力なjQueryプラグイン、特に手動のウェブサイトの作成に役立ちます

それで、あなたはここで、Ajaxと呼ばれるこのことについてすべてを学ぶ準備ができています。しかし、それは正確には何ですか? Ajaxという用語は、動的でインタラクティブなWebコンテンツを作成するために使用されるテクノロジーのゆるいグループ化を指します。 Ajaxという用語は、もともとJesse Jによって造られました

10の楽しいjQueryゲームプラグインして、あなたのウェブサイトをより魅力的にし、ユーザーの粘着性を高めます! Flashは依然としてカジュアルなWebゲームを開発するのに最適なソフトウェアですが、jQueryは驚くべき効果を生み出すこともできます。また、純粋なアクションフラッシュゲームに匹敵するものではありませんが、場合によってはブラウザで予期せぬ楽しみもできます。 jquery tic toeゲーム ゲームプログラミングの「Hello World」には、JQueryバージョンがあります。 ソースコード jQueryクレイジーワードコンポジションゲーム これは空白のゲームであり、単語の文脈を知らないために奇妙な結果を生み出すことができます。 ソースコード jquery鉱山の掃引ゲーム

記事では、JavaScriptライブラリの作成、公開、および維持について説明し、計画、開発、テスト、ドキュメント、およびプロモーション戦略に焦点を当てています。

このチュートリアルでは、jQueryを使用して魅惑的な視差の背景効果を作成する方法を示しています。 見事な視覚的な深さを作成するレイヤー画像を備えたヘッダーバナーを構築します。 更新されたプラグインは、jQuery 1.6.4以降で動作します。 ダウンロードしてください

このチュートリアルでは、Ajaxを介してロードされた動的なページボックスの作成を示しており、フルページのリロードなしでインスタントリフレッシュを可能にします。 JQueryとJavaScriptを活用します。カスタムのFacebookスタイルのコンテンツボックスローダーと考えてください。 重要な概念: ajaxとjquery

このJavaScriptライブラリは、Cookieに依存せずにセッションデータを管理するためにWindow.nameプロパティを活用します。 ブラウザ全体でセッション変数を保存および取得するための堅牢なソリューションを提供します。 ライブラリは、セッションの3つのコア方法を提供します
