JS如何判断鼠标滚轮事件分析

我们都见到过这些效果，用鼠标滚轮实现某个表单内的数字增加减少 *** 作，或者滚轮控制某个按钮的左右，上下滚动。这些都是通过js对鼠标滚轮的事件监听来实现的。今天这里介绍的是一点简单的js对于鼠标滚轮事件的监听。先分析原理：我们是通过判断鼠标滚动的获取一个值，然后根据这个值判断滚动的方向。然而不同浏览器有不同的获取方法，所以要分浏览器写方法。不同浏览器不同的事件首先，不同的浏览器有不同的滚轮事件。主要是有两种，onmousewheel（firefox不支持）和DOMMouseScroll（只有firefox支持），关于这两个事件这里不做详述，想要了解的朋友请先去了解鼠标滚轮(mousewheel)和DOMMouseScroll事件。过程中需要添加事件监听：兼容firefox采用addEventListener监听。js返回数值判断滚轮上下判断滚轮向上或向下在浏览器中也要考虑兼容性（IE、Opera、Safari、Firefox、Chrome）中Firefox 使用detail，其余四类使用wheelDelta；两者只在取值上也是不一致，但是含义一致，detail与wheelDelta只各取两个 值，detail只取±3，wheelDelta只取±120，其中正数表示为向上，负数表示向下。 具体的代码如下所示：<label for=wheelDelta滚动值:</label(IE/Opera)<input type=text id=wheelDelta/<label for=detail滚动值:(Firefox)</label<input type=text id=detail/<script type=text/javascriptvar scrollFunc=function(e){e = e || windowevent;var t1=documentgetElementById(wheelDelta);var t2=documentgetElementById(detail);if(ewheelDelta){//IE/Opera/Chromet1value=ewheelDelta;}else if(edetail){//Firefoxt2value=edetail;}}/监听事件/

it1;

interface

uses

Windows, Messages, SysUtils, Variants, Classes, Graphics, Controls, Forms,

Dialogs, DB, ADODB, GridsEh, DBGridEh, StdCtrls, ComCtrls;

type

TForm1 = class(TForm)

DBGridEh1: TDBGridEh;

DataSource1: TDataSource;

ADOTable1: TADOTable;

RichEdit1: TRichEdit;

procedure FormCreate(Sender: TObject);

private

Procedure OnMouseWheel(Var Msg :TMsg;var Handled:Boolean);

public

end;

var

Form1: TForm1;

implementation

Procedure TForm1OnMouseWheel(Var Msg :TMsg;var Handled:Boolean);

begin

if Msgmessage = WM_MouseWheel then

begin

if MsgwParam = 0 then

begin

if DBGridEh1Focused then SendMessage(DBGridEh1Handle,WM_VSCROLL,SB_NONE,0);

end;

Handled:= True;

end;

end;

procedure TForm1FormCreate(Sender: TObject);

begin

ApplicationOnMessage:=OnMouseWheel;

end;

end

做个变量 var done=true ,scrollFunc事件里第一步就判断done为true时继续运行,否则跳出

animate之前或之后done=false(从此,事件无效)

animate增加一个callback,使done=true(也就是动画结束,事件会继续有效)

private void Form1_Load(object sender, EventArgs e)

{

thisMouseWheel += new MouseEventHandler(Form1_MouseWheel);

}

void Form1_MouseWheel(object sender, MouseEventArgs e)

{

if (eDelta > 0)

{

thisText = "正在向上滚动滑轮";

}

else

{

thisText = "正在向下滚动滑轮";

}

}

void Update () 

{

    if (InputGetAxis("Mouse ScrollWheel") != 0)

    {

    }

}

以上就是关于JS如何判断鼠标滚轮事件分析全部的内容，包括:JS如何判断鼠标滚轮事件分析、VB 6.0中 VScroll怎样相应鼠标滚轮的事件、关于鼠标滚轮滚动事件的问题等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！