js判断鼠标移动

JavaScript011

js判断鼠标移动,第1张

用on事件，就是onmousemove(每一个像素移动)

原型：Element.onmousemove = function (){

    ...

}

实例：window.onmousemove = function (){

    alert('鼠标移动了！')

}

另外，拖动（理解不了题目具体）用on事件，就是ondragstart(选择元素并拖动了)

原型：Element.ondragstart = function (){

    ...

}

实例：window.ondragstart = function (){

    alert('鼠标拖动了元素！')

}

<script>

function chk()

{

b.innerHTML="这里是divB里要显示的内容"

}

</script>

<div id=a onmouseover="chk()">这里是divA</div>

<div id=b></div>

LRESULT CALLBACK WndProc(HWND hWnd, UINT message, WPARAM wParam, LPARAM lParam) { int delta //一次滑动量 TCHAR szMessage[120]static int time //最后一次滚动时的时间值 static int start //第一次滚动前的刻度值 static int index=10 //最后一次滚动后的刻度值 static BOOL bStart=FALSE //是否第一次滚动鼠标 switch (message) { case WM_CREATE: SetTimer(hWnd,500,500,NULL)breakcase WM_MOUSEWHEEL: delta=GET_WHEEL_DELTA_WPARAM(wParam)if(delta>0) { int line=delta/40if(line+index<=100) //放大位图逻辑 { if(!bStart) { start=index //记录第一次刻度值 } index+=line //刷新最近刻度值 _stprintf(szMessage,_T("向上滚动%d行\n"),line)time=GetTickCount() bStart=TRUEOutputDebugString(szMessage) } } else{ int line=-delta/40if(index-line>=0) //缩小位图逻辑 { if(!bStart) start=indexindex-=line _stprintf(szMessage,_T("向下滚动%d行\n"),line)time=GetTickCount() //刷新当前时间值 bStart=TRUEOutputDebugString(szMessage) } } breakcase WM_TIMER: { int tick=GetTickCount()if(bStart &&tick-time>500) //如果前后两次滚动事件超过半秒，开始绘图 { bStart=FALSEint sub=index-start//sub为正放大位图，为负缩小位图 TCHAR szMess[100]_stprintf(szMess,_T("尺寸改变了%d个单位 当前刻度%d\n"),sub,index)OutputDebugString(szMess)//执行绘图 } } break case WM_DESTROY: ::KillTimer(hWnd,500)PostQuitMessage(0)breakdefault: return DefWindowProc(hWnd, message, wParam, lParam)} return 0}