jsキャプチャマウスホイールイベントコード_javascriptスキル

以前、Renren の上級フロントエンド面接の筆記試験の質問を見ました。

には手書きのコードが必要です。質問の 1 つは

のようなものです。 Baidu 画像の下部にサムネイルを表示します

次に、マウス ホイールを使用して拡大または縮小します

これを行う方法が本当にわかりません。情報を探しました。インターネット上で

できることを発見しました onmousewheel イベント

をキャプチャし、event.wheelDelta の正負の値に基づいて前方にロールするか後方にロールするかを決定します

ちなみに、ちょっとした例を書いてキーボードのキーをキャプチャしただけですが、改行はありません

textNodeで作られており、HTMLコードを追加することができないためです
。
そういえば、この方法はxssインジェクションを防ぐのに使えますか？

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

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

function showKey(){
if(event.wheelDelta){

コードをコピー コードは次のとおりです。

// 正の 120 は前方ロール、負の 120 は後方ロールを意味します。
var textNode = document.createTextNode(event.wheelDelta " "); 🎜>document.body.appendChild(textNode) ;
document.body.normalize();
}
if(event.keyCode)
{
var textNode = document.createTextNode(event) .keyCode " ");
document.body.appendChild(textNode);
}
}


今日見た高度な設計の textNode 要素を使用します。

複数の textNode をマージするメソッド

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

normalize();