jQuery.resize()関数の詳しい説明

resize() 関数は、一致する各要素のサイズ変更イベントにハンドラー関数をバインドするために使用されます。この関数は、サイズ変更イベントをトリガーするために使用することもできます。さらに、いくつかの追加データを イベント ハンドラー 関数に渡すこともできます。

resize イベントは、要素のサイズが変更されるとトリガーされます。このイベントは、ウィンドウ オブジェクト (ブラウザ ウィンドウ) または フレーム ページによく使用されます。

さらに、同じ要素に対してこの関数を複数回呼び出して、複数のイベント ハンドラーをバインドすることができます。サイズ変更イベントがトリガーされると、jQuery はバインドされたイベント処理関数をバインド順に実行します。

resize() によってバインドされたイベントを削除するには、unbind() 関数を使用します。

この関数はjQueryオブジェクト(インスタンス)に属します。

構文

jQueryObject.resize( [ [ data ,] handler ] )

少なくとも 1 つのパラメーターが指定されている場合は、サイズ変更イベントのハンドラー関数をバインドすることを意味し、パラメーターが指定されていない場合は、サイズ変更イベントがバインドされることを意味します。引き金になった。

パラメータ

パラメータの説明

data オプション/イベントがトリガーされたときに、event.data を通じてイベント処理関数に渡す必要がある任意のタイプのデータ。

handler 関数タイプで指定されたオプション/イベント ハンドラー関数。

jQuery 1.4.3 の新規サポート:size() は data パラメーターをサポートします。

パラメータハンドラー内の this は、現在の DOM 要素を指します。また、resize() は、現在のイベントを表す Event オブジェクトというパラメーターをハンドラーに渡します。

関数ハンドラーの戻り値が false の場合、要素のデフォルトのイベント動作がブロックされ、DOM ツリー内でのイベントのバブリングが停止されることを意味します。たとえば、 リンクのクリック イベントのハンドラー関数が false を返す場合、リンクのデフォルトの URL ジャンプ動作を防ぐことができます。

フォームのサイズ変更イベントのハンドラー関数が false を返すため、フォームのデフォルトのフォーム送信動作が妨げられる可能性があります。

戻り値

resize()

関数の戻り値はjQuery型で、現在のjQueryオブジェクトそのものを返します。

例と説明

次に、ハンドラー関数をウィンドウ オブジェクトのサイズ変更イベントにバインドします (複数をバインドでき、トリガーされたときにバインド順序で順番に実行できます):

$(window).resize ( function(){

alert("ウィンドウのサイズ変更は推奨されません!");

} );

// ウィンドウオブジェクトのサイズ変更イベントをトリガーします

// $(window).resize( );

イベントを処理することもできます。関数には追加データが渡されます。さらに、イベント処理関数の jQuery によって渡されるパラメーター Event オブジェクトを通じて、現在のイベントに関する関連情報 (イベント タイプ、イベントをトリガーした DOM 要素、追加データなど) を取得できます。

以上がjQuery.resize()関数の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。