画面に特定の幅がある場合はコードを実行します

ウィリアムG

ウィンドウのサイズが700ピクセル未満のときに、コンソールにメッセージを書き込もうとしています。

私が試したことは次のとおりです。

if(window.innerWidth < 700){
console.log("hello");
}

そして

if(screen.width < 700){
console.log("hello");
}

エラーメッセージは表示されませんが、コードは実行されません。700の後に「px」を広告すると、「Uncaught SyntaxError:Unexpectedidentifier」というエラーメッセージが表示されます。

Praveen Kumar Purushothaman

これをwindowresizeイベントリスナー内に配置する必要があります。また、を使用する必要がwindow.innerWidthあり、常に整数値を返します。

if (window.attachEvent) {
  window.attachEvent('onresize', function() {
    if (window.innerWidth < 760)
      console.log("Less than 760");
    else
      console.log("More than 760");
  });
} else if (window.addEventListener) {
  window.addEventListener('resize', function() {
    if (window.innerWidth < 760)
      console.log("Less than 760");
    else
      console.log("More than 760");
  }, true);
} else {
  //The browser does not support Javascript event binding
}

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

OnCompleteがコードの上位にある場合でも、コードが最初にOnCompleteを実行し、後でOnSuccesを実行するのはなぜですか?

分類Dev

幅がxピクセルより大きい場合にのみJavaScriptコードを実行します

分類Dev

特定のオブジェクトが画面に表示された場合にのみPythonコードを実行します

分類Dev

前の出力に特定の文字列が含まれている場合は、コマンドを自動的に再実行する必要があります

分類Dev

属性に特定の値がある場合は、XMLノードを削除します

分類Dev

Javaのforループでブレークが発生しない場合にのみコードを実行する方法はありますか?

分類Dev

前のコマンドの出力に特定の値があった場合は、コマンドを実行します

分類Dev

URLの一部に* this *が含まれている場合はPHPコード* this *を実行します

分類Dev

(Lua)エラーが発生した場合にコードを実行して関数を実行する方法はありますか?

分類Dev

特定のユーザーに対してsuの場合はコマンドを実行します

分類Dev

DefaultTablemodelは、行に特定の値JAVAがある場合に行を削除します

分類Dev

変数に特定の値がある場合にコードを実行するにはどうすればよいですか?

分類Dev

Mongo コレクションの特定のフィールドに特定の値が含まれている場合にのみ関数を実行する方法は?

分類Dev

コードの実行を停止したい場合は、http.Redirectの後に戻る必要がありますか?

分類Dev

子が複数行にある場合は、子の幅に応じてコンテナの幅を調整します

分類Dev

出力に文字が含まれている場合はbashコマンドを実行し、出力が空の場合は他のコマンドを実行する必要があります

分類Dev

Excelは、行に複数のデータがある場合にのみ自動入力を実行します

分類Dev

要素がウェブサイトの更新にある場合は条件付きであり、そうでない場合はコードを続行します

分類Dev

デバッガーが閉じている場合、InternetExplorerは実行中のコードを発行します

分類Dev

存在する場合、コードはどのように実行され、あいまいな関数をオーバーライドしますか?

分類Dev

15分間存在するコードがある場合は、データベースの行を削除します

分類Dev

IfステートメントA2が空の場合はコードを実行しない-A2にデータがある場合はコードを実行する-GoogleApps Script / GoogleSheets

分類Dev

Pythonでは、条件が満たされた場合にtry / exceptionブロックを入力する方法はありますか?それ以外の場合は、tryブロックのコードをわかりやすく実行しますか?

分類Dev

Optionの結果がNoneで特定の保護機能がある場合に特定のコードブロックを実行するScala

分類Dev

特定の変数に特定の値がある場合、MVCはコントローラーメソッドへのアクセスを防止します

分類Dev

特定のタグがある場合にのみレコードをフェッチします

分類Dev

レコードにPythonで特定のキーがある場合は、jsonオブジェクトでレコードを検索します

分類Dev

レコードにPythonで特定のキーがある場合は、jsonオブジェクトでレコードを検索します

分類Dev

特定の条件が通過した場合にのみコマンドを実行する、gemの場合は常にrails。

Related 関連記事

  1. 1

    OnCompleteがコードの上位にある場合でも、コードが最初にOnCompleteを実行し、後でOnSuccesを実行するのはなぜですか?

  2. 2

    幅がxピクセルより大きい場合にのみJavaScriptコードを実行します

  3. 3

    特定のオブジェクトが画面に表示された場合にのみPythonコードを実行します

  4. 4

    前の出力に特定の文字列が含まれている場合は、コマンドを自動的に再実行する必要があります

  5. 5

    属性に特定の値がある場合は、XMLノードを削除します

  6. 6

    Javaのforループでブレークが発生しない場合にのみコードを実行する方法はありますか?

  7. 7

    前のコマンドの出力に特定の値があった場合は、コマンドを実行します

  8. 8

    URLの一部に* this *が含まれている場合はPHPコード* this *を実行します

  9. 9

    (Lua)エラーが発生した場合にコードを実行して関数を実行する方法はありますか?

  10. 10

    特定のユーザーに対してsuの場合はコマンドを実行します

  11. 11

    DefaultTablemodelは、行に特定の値JAVAがある場合に行を削除します

  12. 12

    変数に特定の値がある場合にコードを実行するにはどうすればよいですか?

  13. 13

    Mongo コレクションの特定のフィールドに特定の値が含まれている場合にのみ関数を実行する方法は?

  14. 14

    コードの実行を停止したい場合は、http.Redirectの後に戻る必要がありますか?

  15. 15

    子が複数行にある場合は、子の幅に応じてコンテナの幅を調整します

  16. 16

    出力に文字が含まれている場合はbashコマンドを実行し、出力が空の場合は他のコマンドを実行する必要があります

  17. 17

    Excelは、行に複数のデータがある場合にのみ自動入力を実行します

  18. 18

    要素がウェブサイトの更新にある場合は条件付きであり、そうでない場合はコードを続行します

  19. 19

    デバッガーが閉じている場合、InternetExplorerは実行中のコードを発行します

  20. 20

    存在する場合、コードはどのように実行され、あいまいな関数をオーバーライドしますか?

  21. 21

    15分間存在するコードがある場合は、データベースの行を削除します

  22. 22

    IfステートメントA2が空の場合はコードを実行しない-A2にデータがある場合はコードを実行する-GoogleApps Script / GoogleSheets

  23. 23

    Pythonでは、条件が満たされた場合にtry / exceptionブロックを入力する方法はありますか?それ以外の場合は、tryブロックのコードをわかりやすく実行しますか?

  24. 24

    Optionの結果がNoneで特定の保護機能がある場合に特定のコードブロックを実行するScala

  25. 25

    特定の変数に特定の値がある場合、MVCはコントローラーメソッドへのアクセスを防止します

  26. 26

    特定のタグがある場合にのみレコードをフェッチします

  27. 27

    レコードにPythonで特定のキーがある場合は、jsonオブジェクトでレコードを検索します

  28. 28

    レコードにPythonで特定のキーがある場合は、jsonオブジェクトでレコードを検索します

  29. 29

    特定の条件が通過した場合にのみコマンドを実行する、gemの場合は常にrails。

ホットタグ

アーカイブ