国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 語言 > JavaScript > 正文

javascript 鼠標滾輪事件

2024-05-06 14:15:44
字體：大 中 小
來源：轉載
供稿：網友
今天在網上找來了響應滾輪的函數并改寫成下面的類
代碼如下:
function wheelEvent(obj, handle)
{
this.handle = handle;
// different events between Firefox and IE
window.addEventListener ? obj.addEventListener("DOMMouseScroll", this.wheel, false) : (obj.onmousewheel = this.wheel);
}
wheelEvent.prototype.wheel = function (event)
{
var ev = event || window.event;
var delta = ev.wheelDelta ? (ev.wheelDelta / 120) : (- ev.detail / 3); // Firefox using `wheelDelta` IE using `detail`
eval ('delta ? ' + parent.handle + '(delta) : null;');
}

在使用的時候需要定義一個執行函數，用以根據從上述類中獲得的值進行操作，并為指定的網頁元素添加事件。比如
代碼如下:
function handle(delta)
{
document.getElementById('text').scrollTop -= delta * 20;
}
new wheelEvent(document.getElementById('text'), 'handle');
在上例中第一個參數是添加滾輪事件的網頁元素， id 為 text 的 div；第二個參數是執行函數的名字 handle。
其中 handle 函數必須有且只有一個參數delta，滾輪往上滾時 delta 大于 0，往下則小于 0。上例 handle 函數的作用是用滾輪對 div 實現滾動條的功能

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表

圖片精選

主站蜘蛛池模板： 时尚| 汝州市| 万宁市| 日喀则市| 博野县| 胶南市| 蕲春县| 洞口县| 阿拉善左旗| 东平县| 华蓥市| 双江| 西林县| 呼图壁县| 长泰县| 镇康县| 府谷县| 安龙县| 兰考县| 四会市| 明溪县| 农安县| 崇礼县| 内乡县| 交口县| 周宁县| 类乌齐县| 黑龙江省| 伊宁市| 贵溪市| 延川县| 屯留县| 峡江县| 祁阳县| 阳东县| 天门市| 疏勒县| 邳州市| 柳江县| 崇明县| 道孚县|