·您当前的位置:首页 > 技术教程 > JavaScript >

[JS]js随着鼠标移动的方向向上、向下去滚动滚动条

时间:2014-04-14 22:34cuplayer.com
[JS]js随着鼠标移动的方向向上、向下去滚动滚动条,看到现在很多应用,包括做的很优秀的产品,很多居然是支持右键进行拖拽的,在页面有滚动条时,也不会随着鼠标移动的方向向上、向下去滚动滚动条

看到现在很多应用,包括做的很优秀的产品,很多居然是支持右键进行拖拽的,在页面有滚动条时,也不会随着鼠标移动的方向向上、向下去滚动滚动条。

 

这里只是单纯的写一个兼容各浏览器的获取鼠标按按键的方法。

DOM2级事件中的event.button返回值只有三种

0 点击了左键

1 点击了中键(就是滚轮那一个键)

2 点击了右键

而在M$的IE中却定义了8种

0 默认没有点击任何鼠标键

1 左键被点击 (0001)

2 右键被点击 (0010)

3 左右键都被点击 (0011)

4 中间被点击 (0100)

5 左键和中键被点击 (0101)

6 右键和中键被点击 (0110)

7 三个键(右、中右)同时被点击 (0111)

 

获取鼠标按下的按键(只按了一个键的情况下)的方法:

  1. /** 
  2. *  返回鼠标按键 
  3. * param {Object} evt 鼠标事件对象 
  4. * return {number} 0表示左键  1表示中键 2表示右键 
  5. */ 
  6. function getButton(evt) { 
  7.     if (window.ActiveXObject) { 
  8.         return evt.button - Math.ceil(evt.button/2); 
  9.     } else { 
  10.         return evt.button 
  11.     } 

 

热门文章推荐

请稍候...

保利威视云平台-轻松实现点播直播视频应用

酷播云数据统计分析跨平台播放器