用js给滚轮事件onmousewheel添加过程

JavaScript05

用js给滚轮事件onmousewheel添加过程,第1张

MFC鼠标滚轮消息WM_MOUSEWHEEL

使用WM_MOUSEWHEEL

需要把CWnd设定为Focus

ON_WM_MOUSEWHEEL( )

CWnd::OnMouseWheel

afx_msg BOOL OnMouseWheel( UINT nFlags, short zDelta, CPoint pt )

返回值:如果允许鼠标轮滚动,则返回非零值;否则返回0。

参数:

nFlags 指明是否按下了虚拟键。这个参数可以是下列值的组合:

· MK_CONTROL 如果CTRL键被按下,则设置此位。

· MK_LBUTTON 如果鼠标左键被按下,则设置此位。

· MK_MBUTTON 如果鼠标中键被按下,则设置此位。

· MK_RBUTTON 如果鼠标右键被按下,则设置此位。

· MK_SHIFT 如果SHIFT键被按下,则设置此位。

zDelta 指明了旋转的距离。zDelta值以WHEEL_DELTA,即120的倍数或部分的形式表达。小于零的数表明往回滚动(向着用户),而大于零的数表明滚向远处(离开用户)。用户可以在鼠标软件中改变滚轮设置以反转这种响应。有关这个参数的更多信息参见说明部分。

pt 指定了光标的x和y轴坐标。这些坐标通常是相对于窗口的左上角的。

window.onmousewheel = function(){  //触发滚轮事件

}

window.onscroll = function(){  //滚动条事件

}

//其实你的问题直接使用判断滚动条应该就可以了,但是如果一定要拖动滚动条才执行事件,我们可以通过获取鼠标位置来模拟

var a = document.getElementsByTagName("html")[0]

window.onmousemove = function(){

        //一般默认滚动条12px宽,当鼠标位于浏览器窗口右边12px内按下鼠标可以视为拖动滚动条

if(innerWidth - event.clientX < 12){

a.onmousedown = function(){

console.log(1)

}

}else{

a.onmousedown = null

}

}

能,参考下面的代码:

windowAddMouseWheel()

function windowAddMouseWheel() {

var scrollFunc = function (e) {

e = e || window.event

if (e.wheelDelta) { //判断浏览器IE,谷歌滑轮事件

if (e.wheelDelta >0) { //当滑轮向上滚动时

alert("滑轮向上滚动")

}

if (e.wheelDelta <0) { //当滑轮向下滚动时

alert("滑轮向下滚动")

}

} else if (e.detail) { //Firefox滑轮事件

if (e.detail>0) { //当滑轮向上滚动时

alert("滑轮向上滚动")

}

if (e.detail<0) { //当滑轮向下滚动时

alert("滑轮向下滚动")

}

}

}

//给页面绑定滑轮滚动事件

if (document.addEventListener) {

document.addEventListener('DOMMouseScroll', scrollFunc, false)

}

//滚动滑轮触发scrollFunc方法

window.onmousewheel = document.onmousewheel = scrollFunc

}