Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptでのonresizeイベントの使用法は何ですか？

サイズ変更イベントは、ウィンドウのサイズが変更されたときにトリガーされます。 window.outerWidthを使用します およびwindow.outerHeight ブラウザのサイズが変更されたときにウィンドウのサイズを取得するJavaScriptのイベント。

例

次のコードを実行して、JavaScriptでonresizeイベントを処理することができます。

<!DOCTYPE html>
<html>
   <head>
      <script>
         function resizeFunction() {
            var val = "Window Width=" + window.outerWidth + ", Window Height=" + window.outerHeight;
            document.getElementById("test").innerHTML = val;
         }
      </script>
   </head>
   <body onresize="resizeFunction()">
      <p>Resize browser window and check the window (browser window) height and width again.</p>
     
      <p id = "test"> </p>
   </body>
</html>

  1. JavaScriptでのclientXマウスイベントの役割は何ですか？

    マウスイベントがトリガーされると、clientXマウスイベントプロパティを使用して、マウスポインタの水平座標が取得されます。これは現在のウィンドウによるものです。 例 次のコードを実行して、 clientXを実装する方法を学ぶことができます。 JavaScriptでのマウスイベント。 <!DOCTYPE html> <html>    <body>       <p onclick = "coordsFunc(event)">       &

  2. JavaScriptでのevery（）メソッドの使用法は何ですか？

    JavaScript配列すべて メソッドは、配列内のすべての要素が、提供された関数によって実装されたテストに合格するかどうかをテストします。 以下はパラメータです- コールバック −各要素をテストする関数。 thisObject −コールバックを実行するときにこれとして使用するオブジェクト。 例 次のコードを実行して、すべての（）を操作する方法を学ぶことができます。 JavaScriptのメソッド- <html>    <head>       <title>JavaScript Array eve