- Published on
JavaScriptでマウスのスクロールごとにJavaScriptプログラム・関数を実行する方法についてメモです。document.addEventListenerおよびjQueryの.on・.offとis(":visible")を使用します。以下に例を紹介します。スクロールするごとにconsole.log。要素が見える状態の時に、一回だけ実行する例…
マウス
All Posts
- bash (29)
- wordpress (19)
- javascript (17)
- it (15)
- windows-10 (14)
- 出力 (11)
- linux (11)
- コマンド (11)
- コピー (11)
- ubuntu (10)
- ファイル (10)
- 確認 (10)
- エラー (10)
- atom (9)
- 変更 (9)
- 実行 (9)
- wsl-bash (8)
- rails (8)
- プロダクト (8)
- 自動化 (8)
- 追加 (7)
- chrome (7)
- 方法 (7)
- クリップボード (7)
- windows (7)
- bashコマンドライン (7)
- 変換 (7)
- コマンドライン (6)
- bashコマンド (6)
- 拡張機能 (6)
- powershell (6)
- html (6)
- 無効 (6)
- メタ (6)
- android (5)
- 画像 (5)
- 表示 (5)
- ショートカットキー (5)
- 比較 (5)
- csv (5)
- 作成 (5)
- アクセス (4)
- css (4)
- ruby (4)
- markdown (4)
- chrome拡張機能 (4)
- autohotkey (4)
- wp-cli (4)
- git (4)
- 設定 (4)
- 接続 (4)
- 使い方 (4)
- デバッグ (4)
- 無効化 (4)
- ダウンロード (4)
- rust (4)
- サンプル (3)
- docker (3)
- ssh (3)
- 要素 (3)
- メタキーワード (3)
- nodejs (3)
- sql (3)
- linuxコマンド (3)
- プログラミング (3)
- php (3)
- 配列 (3)
- テキスト (3)
- 編集 (3)
- vim (3)
- 更新 (3)
- python (3)
- バックアップ (3)
- ssh接続 (3)
- 正規表現 (3)
- 変更方法 (3)
- ubuntu-1804 (3)
- 日本語 (3)
- ai (3)
- 文字列 (3)
- 挙動 (3)
- conoha-vps (3)
- wav (3)
- mp3 (3)
- youtube (3)
- 埋め込み (3)
- エクスポート (3)
- 共有フォルダ (2)
- カラム (2)
- 値 (2)
- 特定カテゴリ (2)
- 実装 (2)
- 自動保存 (2)
- expect (2)
- プログラミング初心者 (2)
- スクロール (2)
- 構築 (2)
- google-maps-api (2)
- ウェブページ (2)
- 取得 (2)
- ファイル名 (2)
- apache (2)
- ユーザー (2)
- キーバインド (2)
- モデル (2)
- スクリプト (2)
- 効率化 (2)
- プロンプト (2)
- wordpress記事 (2)
- メタタグ (2)
- 存在 (2)
- 判定 (2)
- 調べる (2)
- マウス (2)
- ドメイン (2)
- ipアドレス (2)
- sublime-text-3 (2)
- 初心者向け (2)
- 削除 (2)
- 色付け (2)
- 原因 (2)
- ローカル (2)
- mysql (2)
- ローカルネットワーク (2)
- vps (2)
- 初期設定 (2)
- heroku (2)
- postgresql (2)
- リモートサーバー (2)
- オフ (2)
- 相対パス (2)
- 絶対パス (2)
- url (2)
- 雛形 (2)
- ポートフォリオ (2)
- windowsのクリップボード (2)
- 音楽 (2)
- ターミナル (2)
- カスタマイズ (2)
- サイト (2)
- vscode (2)
- vs-code (2)
- 開発 (2)
- 画面ロック (2)
- ニコニコ動画 (2)
- 表示方法 (2)
- cpu使用率 (2)
- wsl (2)
- youtube-dl (2)
- 検索 (2)
- gradle (2)
- エスケープ (2)
- findコマンド (2)
- 除外 (2)
- 自作ツール (2)
- トレード (2)
- xsv (1)
- csvデータ (1)
- xsvの便利なサンプル (1)
- jupyter-notebook (1)
- 10分チュートリアル (1)
- minitool-partition-wizard (1)
- パーティション管理 (1)
- ネットワークディレクトリ (1)
- usbメモリ (1)
- 開き方 (1)
- リモートネットワーク (1)
- マウント (1)
- 実現方法 (1)
- テーブル (1)
- forループ (1)
- addeventlistener (1)
- amazon (1)
- レビューボタン (1)
- gem (1)
- 使用 (1)
- hash (1)
- キー (1)
- 重複 (1)
- 加算 (1)
- ストロングパラメーター (1)
- chalk (1)
- カラフル (1)
- disqusコメント (1)
- markdown-it-footnote (1)
- 脚注 (1)
- 注記 (1)
- googleアナリティクス (1)
- サーチコンソール (1)
- コード追加 (1)
- シェルスクリプト (1)
- 複数行コメント (1)
- ウォーターマーク (1)
- virtualbox (1)
- 音質 (1)
- ノイズ (1)
- 楽天アンリミット (1)
- アドバンテージ (1)
- アフィリエイトリンク (1)
- javascriptソースコード (1)
- 警告 (1)
- 紹介 (1)
- アマゾン (1)
- mysqlテーブル (1)
- 解析 (1)
- and (1)
- or (1)
- not (1)
- おしゃれなボックスデザイン (1)
- 集合演算 (1)
- local-storage-api (1)
- 非同期処理 (1)
- 注意点 (1)
- apmコマンド (1)
- 使用できない (1)
- ムームードメイン (1)
- dns設定 (1)
- 自動バックアップ (1)
- 記事公開 (1)
- はてブ登録 (1)
- google検索履歴 (1)
- タイプごと (1)
- ミリ秒ごと (1)
- vim-auto-save (1)
- og_image (1)
- 自動設定 (1)
- gulp (1)
- rsync (1)
- サーバー (1)
- アップロード (1)
- pexpect (1)
- expect的な対話シェル (1)
- パスワード省略 (1)
- 自動ssh (1)
- pywinauto (1)
- ui-automation (1)
- windows-gui (1)
- プログラミング学習 (1)
- 挫折 (1)
- awkチートシート (1)
- リストア (1)
- bashエラー (1)
- no-such-file-or-directory (1)
- 対処 (1)
- 完全入門 (1)
- エイリアス (1)
- 関数 (1)
- 同一名称 (1)
- 同時定義 (1)
- 個人的なファイル (1)
- 正解 (1)
- boolean (1)
- true-or-false (1)
- はてなブックマーク (1)
- メール投稿 (1)
- 対策 (1)
- kali-linux (1)
- ブルートフォースアタック (1)
- shiftキー (1)
- バグ (1)
- sinatra (1)
- httpサーバー (1)
- postリクエスト (1)
- rainloop (1)
- 独自ドメイン (1)
- webメール (1)
- unity (1)
- webgl (1)
- ビルド (1)
- 通貨レート (1)
- 日本円 (1)
- 計算 (1)
- pythonスクリプト (1)
- 駅 (1)
- 場所 (1)
- 2点距離 (1)
- km (1)
- キャプチャ画像 (1)
- pageres-cli (1)
- オーディオファイル (1)
- echo (1)
- 赤色 (1)
- サイトurl (1)
- wordpress管理画面のurl (1)
- 長さ (1)
- リミット (1)
- 標準改行コード (1)
- lf (1)
- cuda (1)
- バージョン (1)
- cdコマンド (1)
- 移動 (1)
- push (1)
- キーボード配列 (1)
- linuxコマンドライン (1)
- 言語 (1)
- 英語 (1)
- バージョン変更 (1)
- 特定のアプリ (1)
- サウンド (1)
- 出力デバイス (1)
- windows-11 (1)
- システム言語 (1)
- 表示言語 (1)
- テーマ (1)
- 文字化け (1)
- chatgpt (1)
- バッテリー容量 (1)
- 残量 (1)
- コンピューター名 (1)
- cpu (1)
- gpu情報 (1)
- rails-c (1)
- rails-g-model (1)
- データベース (1)
- bashのduコマンド (1)
- ファイルフォルダ (1)
- 容量 (1)
- パターンマッチ (1)
- カレントディレクトリ (1)
- gitリポジトリ (1)
- if判定 (1)
- sudo権限 (1)
- 乗っているか (1)
- プロセス (1)
- kill (1)
- csvlint (1)
- csvファイル (1)
- 有効性 (1)
- 確認方法 (1)
- インタラクティブシェル (1)
- 階層 (1)
- wttrin (1)
- 天気 (1)
- chmod (1)
- テキストエディタ (1)
- 正規表現検索 (1)
- 言語設定 (1)
- 罠 (1)
- tampermonkey (1)
- require (1)
- 外部スクリプト (1)
- キャッシュ (1)
- クリック (1)
- クローン (1)
- acronis (1)
- パーティションクローン (1)
- cody (1)
- aiアシスタント (1)
- sourcegraph (1)
- 無料 (1)
- ニュース (1)
- 標準出力 (1)
- stderr (1)
- エラー出力 (1)
- 複数のコマンド (1)
- まとめる (1)
- expressjs (1)
- cannot-post (1)
- cannot-get (1)
- bash-引数配列 (1)
- n番目 (1)
- 指定 (1)
- bash-引数 (1)
- 複数行 (1)
- 一行 (1)
- ダブルクウォート (1)
- it資格 (1)
- 需要 (1)
- キーワードプランナー (1)
- googleトレンド (1)
- 画像ビュワー (1)
- nomacs (1)
- gwenview (1)
- meld (1)
- githubリポジトリ (1)
- リモート (1)
- 海外 (1)
- 質問サイト (1)
- 同時押し (1)
- デリミタ (1)
- 連結 (1)
- 変数 (1)
- true (1)
- false (1)
- if (1)
- allow-control-allow-origin (1)
- lan (1)
- postgressql (1)
- プロキシサーバー (1)
- ufw (1)
- ファイアウォール設定 (1)
- conoha (1)
- ubuntu-autokey (1)
- ctrl (1)
- 上下左右 (1)
- conemu (1)
- 改行設定 (1)
- seo設定 (1)
- meta-tags (1)
- windows-apache (1)
- php設定 (1)
- 動作 (1)
- yesno (1)
- 続行 (1)
- sftp接続 (1)
- pgweb (1)
- lan外部 (1)
- workbench (1)
- xserver (1)
- dockerコンテナ (1)
- -s (1)
- お客様情報 (1)
- 正確性 (1)
- 失敗 (1)
- 新しいクレジットカード (1)
- 登録 (1)
- コマンドプロンプト (1)
- apache操作 (1)
- iot (1)
- tp-link-hs100 (1)
- スマートプラグ (1)
- api (1)
- 電源 (1)
- オン (1)
- フォルダ内 (1)
- mp4 (1)
- wslpathコマンド (1)
- mntc (1)
- c変換 (1)
- xpath (1)
- cssセレクター (1)
- csvtomd (1)
- tsv (1)
- markdownテーブル (1)
- ffmpeg (1)
- flac (1)
- 全角の日本語 (1)
- 半角 (1)
- rubyスクリプト (1)
- 時刻フォーマット (1)
- 秒 (1)
- ttaファイル (1)
- unicode (1)
- uft-8 (1)
- copilot (1)
- 開発効率化 (1)
- sharex (1)
- 一番最新のファイル (1)
- パス (1)
- wordpressブログ (1)
- ファイルコピー (1)
- 共有のurl (1)
- 写真 (1)
- sms (1)
- 認証コード (1)
- 目覚ましアラームアプリ (1)
- カスタムページ (1)
- テンプレート (1)
- ファイルの作成 (1)
- 書き込み (1)
- css3 (1)
- ふわふわ浮遊 (1)
- tampermonkeyスクリプト (1)
- google-chrome拡張機能 (1)
- jruby (1)
- guiソフトウェア (1)
- アプリ (1)
- c言語 (1)
- helloworld (1)
- cd (1)
- dvdディスク (1)
- isoファイル (1)
- java (1)
- jarファイル (1)
- jekyll (1)
- 新しいページ (1)
- 進捗 (1)
- ロード中 (1)
- アニメーション (1)
- 正規表現置換 (1)
- ツール (1)
- ツールウィンドウ (1)
- ソースコード (1)
- デモページ (1)
- telegram-api (1)
- ボット (1)
- curlコマンド (1)
- メッセージ (1)
- 送信 (1)
- 確認プロンプト (1)
- vlc (1)
- ランダム再生 (1)
- 音楽プレイヤー (1)
- タイマーアプリ (1)
- 作る (1)
- discordjs (1)
- apiトークン (1)
- bot (1)
- アスキーアート (1)
- 算術計算 (1)
- astro (1)
- ブログ (1)
- 作曲ソフトウェア (1)
- sonic-pi (1)
- slidev (1)
- スライドプレゼンテーション (1)
- vuejs (1)
- revealjs (1)
- スライド (1)
- r (1)
- plotly (1)
- 積み重ね棒グラフ (1)
- プロット (1)
- add_shortcode (1)
- 作成方法 (1)
- date (1)
- 出力フォーマット (1)
- owncloud (1)
- ログインページ (1)
- 共有urlページ (1)
- particlesjs (1)
- 読み込まれない (1)
- 反映されない (1)
- 対処方法 (1)
- selenium-webdriver (1)
- デバッグ方法 (1)
- excel-vba (1)
- nextjs (1)
- rails-5 (1)
- コントローラー (1)
- 共通の変数 (1)
- 特定のファイル (1)
- 全て削除 (1)
- 全投稿削除 (1)
- イメージ (1)
- 削除方法 (1)
- コミット (1)
- リポジトリ (1)
- htaccess (1)
- 拒否 (1)
- 動画 (1)
- 再生されているか (1)
- 現在地 (1)
- 目的地 (1)
- 距離 (1)
- 正規表現マッチ (1)
- 何行目か (1)
- どうか (1)
- 32bit (1)
- 64bit (1)
- プラグイン (1)
- hello-world (1)
- レイアウト (1)
- 崩れ (1)
- 解決 (1)
- angular (1)
- angularjs (1)
- 違い (1)
- 日本国内 (1)
- github (1)
- 困難 (1)
- remote-atom (1)
- ファイル編集 (1)
- libre-calc (1)
- オートインプット (1)
- 補完 (1)
- リンク (1)
- tabキー (1)
- 自動補完 (1)
- マイリスト画面 (1)
- 動画のリンク (1)
- ウィンドウ (1)
- 全部消える機能 (1)
- 長い文章 (1)
- 折り返し (1)
- 行 (1)
- 最後の空白スペース (1)
- タブ (1)
- gmail (1)
- スマートリプライ (1)
- エクスクラメーション (1)
- 壁紙 (1)
- 記事一覧 (1)
- 編集方法 (1)
- ユーザー名 (1)
- トップページ (1)
- レンタルサーバー (1)
- google-chromeブラウザ (1)
- パスワード (1)
- 可視化 (1)
- グラフィカル表示 (1)
- タイマー (1)
- ストップウォッチ (1)
- bashプロセス (1)
- 動画のサムネイル (1)
- プログラマー (1)
- os (1)
- パイプ (1)
- google-chrome (1)
- ファイルのダウンロード (1)
- apacheサーバー (1)
- index-of (1)
- youtube_dl (1)
- チャンネル (1)
- 全ての動画 (1)
- yt-dlp (1)
- db-browser-for-sqlite (1)
- sqlite3データベース (1)
- 中身 (1)
- latex (1)
- mathjax (1)
- strapdownjs (1)
- mathml (1)
- 数式 (1)
- 空にする (1)
- historyコマンド (1)
- jekyll-serve (1)
- 自動 (1)
- build (1)
- ctrl-s (1)
- 保存 (1)
- ゲストアカウント (1)
- 有効 (1)
- sql-select (1)
- 大文字 (1)
- 小文字 (1)
- パッケージ (1)
- コピーできないサイト (1)
- 右クリック禁止 (1)
- 解除 (1)
- gpg (1)
- 暗号化 (1)
- fzf (1)
- あいまい検索ツール (1)
- パイプ出力 (1)
- インタラクティブ (1)
- 操作 (1)
- up (1)
- デバッグログ (1)
- トレース (1)
- chesscom (1)
- 駒 (1)
- マス (1)
- 色 (1)
- 濃さ (1)
- 見やすさ (1)
- パスワード入力 (1)
- could-not-load-dynamic-library (1)
- git-is-not-recognized (1)
- flutter (1)
- replaceall-is-not-a-function (1)
- sox (1)
- fail (1)
- formats (1)
- handler (1)
- file-extension (1)
- assembledebug (1)
- error-src-refspec-master (1)
- ソース (1)
- シングルクウォート (1)
- 無料プラン (1)
- 代替サービス (1)
- 考察 (1)
- cut-command (1)
- examples (1)
- ディレクトリ (1)
- フック (1)
- 記事 (1)
- psコマンド (1)
- autohotkeyスクリプト (1)
- for-in (1)
- フォルダ (1)
- 全てのファイル (1)
- 読み込まれたら (1)
- 一定時間 (1)
- 一定時間経過 (1)
- 終了 (1)
- 実行ファイル (1)
- 後 (1)
- xbindkeys (1)
- ubuntu1604 (1)
- inotifywait (1)
- ファイルの変更 (1)
- 対話型インタプリタ (1)
- repl (1)
- eval (1)
- 言語ごと (1)
- chrome上 (1)
- googleappsscript (1)
- gas (1)
- 最新n日 (1)
- メール (1)
- タイムスタンプ (1)
- サクラエディタ (1)
- 便利機能 (1)
- 設定方法 (1)
- documentlocation (1)
- cmdexe (1)
- 検証 (1)
- システム情報 (1)
- 概要 (1)
- neofetch (1)
- ロゴ作成 (1)
- プログラミング言語 (1)
- logo (1)
- 拡大鏡ソフトウェア (1)
- 高く評価した動画 (1)
- データ (1)
- 後で見る (1)
- パッケージ一覧 (1)
- インポート (1)
- wp-db-exportコマンド (1)
- wordpressデータベース (1)
- wp-exportコマンド (1)
- chromehistoryview (1)
- 検索履歴 (1)
- 同期 (1)
- nokogiri (1)
- 深いフォルダ階層 (1)
- 圧縮ファイル (1)
- 解凍 (1)
- imagededup (1)
- 類似画像 (1)
- 抽出 (1)
- 検出 (1)
- flickr (1)
- htmlタグ (1)
- 取得方法 (1)
- 本 (1)
- バーコード (1)
- isbnコード (1)
- 歌ってみた (1)
- ffmpegコマンド (1)
- 差分比較 (1)
- diff (1)
- ツール比較 (1)
- 更新日時 (1)
- 一番新しいファイル (1)
- ウェブ開発 (1)
- phind (1)
- エラーハンドリング (1)
- jsonl (1)
- キーロガー (1)
- tradingview (1)
- 自宅サーバー (1)
- ご利用ガイド (1)
- ご購入 (1)
- Published on
JavaScriptで要素にマウスが乗っているかどうか判定する方法についてメモです。document.querySelectorで要素を取得し、addEventListenerのmouseout/mouseoverイベントなどを以下のように使用します。<code>#main</code>要素にマウスカーソルが乗ったり外れたりするごとにログ出力します。