ホームページ ウェブフロントエンド jsチュートリアル JavaScript互換マウスホイールevent_javascriptスキル

JavaScript互換マウスホイールevent_javascriptスキル

May 16, 2016 pm 06:54 PM
javascript マウスホイール

このイベントは標準と IE では異なります。 Firefox は標準に従って実装されており、イベント名は「DOMMouseScroll」ですが、IE は「mousewheel」を使用します。
もちろん、1 行のコードで互換性の問題は解決します

コードをコピーします コードは次のとおりです:

var Mousewheel = document.all?"mousewheel":"DOMMouseScroll";

イベント属性、IE はevent.wheelDelta、Firefox はevent.detailです。属性の値も異なり、IE は上方向にスクロール > 0、Firefox は下方向にスクロール > 0 になります。
最新の jquery 1.3.2 ではまだホイール イベントが追加されませんが、jquery のバインドを使用して任意のイベントをバインドできます。もちろん、上記の文を追加する必要があります。
ただし、この機能を追加した jquery 用のプラグインがあります。 http://brandonaaron.net/code/mousewheel/demos を参照してください。
次のように使用します:
コードをコピーしますコードは次のとおりです:

$('div.mousewheel_example').mousewheel(fn);
$('div.mousewheel_example').bind('mousewheel', fn); >
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットな記事タグ

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

マウスホイールが機能せず、ランダムに上下にジャンプする場合はどうすればよいですか? 3 つのソリューションを共有する マウスホイールが機能せず、ランダムに上下にジャンプする場合はどうすればよいですか? 3 つのソリューションを共有する Mar 13, 2024 pm 07:28 PM

マウスホイールが機能せず、ランダムに上下にジャンプする場合はどうすればよいですか? 3 つのソリューションを共有する

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法 Dec 17, 2023 pm 02:54 PM

WebSocket と JavaScript を使用してオンライン音声認識システムを実装する方法

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー Dec 17, 2023 pm 05:30 PM

WebSocket と JavaScript: リアルタイム監視システムを実装するための主要テクノロジー

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 WebSocketとJavaScriptを使ったオンライン予約システムの実装方法 Dec 17, 2023 am 09:39 AM

WebSocketとJavaScriptを使ったオンライン予約システムの実装方法

WIN7のマウスホイールの故障を修復する方法 WIN7のマウスホイールの故障を修復する方法 Mar 26, 2024 pm 06:51 PM

WIN7のマウスホイールの故障を修復する方法

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法 Dec 17, 2023 pm 12:09 PM

JavaScript と WebSocket を使用してリアルタイムのオンライン注文システムを実装する方法

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築 Dec 17, 2023 pm 05:13 PM

JavaScript と WebSocket: 効率的なリアルタイム天気予報システムの構築

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法 Jan 05, 2024 pm 06:08 PM

簡単な JavaScript チュートリアル: HTTP ステータス コードを取得する方法

See all articles