ページの 1 つ、特にonresize
イベントで実行する必要がある JavaScript メソッドがあります。
ただし、コンテンツ ページからそのイベントを設定する方法がわかりません。マスター ページに配置できればいいのですが、そのマスター ページを使用するすべてのページでメソッドを呼び出す必要はありません。
どんな助けでも大歓迎です。
ページの 1 つ、特にonresize
イベントで実行する必要がある JavaScript メソッドがあります。
ただし、コンテンツ ページからそのイベントを設定する方法がわかりません。マスター ページに配置できればいいのですが、そのマスター ページを使用するすべてのページでメソッドを呼び出す必要はありません。
どんな助けでも大歓迎です。
コンテンツ ページに以下を配置します。
<script type="text/javascript">
// here is a cross-browser compatible way of connecting
// handlers to events, in case you don't have one
function attachEventHandler(element, eventToHandle, eventHandler) {
if(element.attachEvent) {
element.attachEvent(eventToHandle, eventHandler);
} else if(element.addEventListener) {
element.addEventListener(eventToHandle.replace("on", ""), eventHandler, false);
} else {
element[eventToHandle] = eventHandler;
}
}
attachEventHandler(window, "onresize", function() {
// the code you want to run when the browser is resized
});
</script>
そのコードは、何をする必要があるかについての基本的なアイデアを提供するはずです。イベント ハンドラなどを作成するのに役立つコードが既に含まれているライブラリを使用していることを願っています。
私は同じ問題を抱えていて、この投稿に出くわしました:
上記のコードは機能しますが、IE にはボディ タグの形状が変化したときに onresize がトリガーされるという問題があります。このブログは、うまく機能する代替方法を提供します
コンテンツ ページ (C#) で次のようなコードを使用してみてはどうでしょうか。
Page.ClientScript.RegisterStartupScript(this.GetType(), "resizeMyPage", "window.onresize=function(){ resizeMyPage();}", true);
したがって、resizeMyPage
Javascript のどこかに関数を定義することができ、ブラウザのサイズが変更されるたびに実行されます。