JavaScript FAQ（十四）——鼠标事件（一）

最新推荐文章于 2024-09-22 11:17:00 发布

mydeman

最新推荐文章于 2024-09-22 11:17:00 发布

阅读量1.2k

点赞数

分类专栏： Web开发 JavaScript FAQ 翻译 JavaScript JavaScript FAQ 文章标签： javascript properties 浏览器 internet events function

Web开发同时被 3 个专栏收录

82 篇文章 0 订阅

订阅专栏

JavaScript

43 篇文章 0 订阅

订阅专栏

翻译

33 篇文章 0 订阅

订阅专栏

十二、鼠标事件

1. 鼠标事件属性（Mouse Event Properties ）

Q：哪些事件属性我可以用来分析鼠标事件？
A：Netscape Navigator 4和Internet Explorer 4（以及较新版本）支持相当少的事件属性。其中一些在两个浏览器上是一样的（例如，event.screenX或者event.typ）；不过，多数还是平台相关。移动或点击鼠标，下面的文本框会显示你当前浏览器（）的所有事件属性：（译者注：由于原文实例不能正确运行，这里只贴出相关的JavaScript代码）

ns4=(navigator.appName=="Netscape" && parseInt(navigator.appVersion)>3) ? true:false;
ie4=(navigator.appName!="Netscape" && parseInt(navigator.appVersion)>3) ? true:false;
serialN=0;

function handlerFoo(e) {
 if (parseInt(navigator.appVersion)>3) {
  evt = ns4 ? e:event;
  var str=''; for (var k in evt) {str+='event.'+k+'='+evt[k]+'/n'}
  
  if (''+evt.type==''+self.document.f1.s1.options[self.document.f1.s1.selectedIndex].value) self.document.f1.t1.value=str;
  if (''+evt.type==''+self.document.f2.s2.options[self.document.f2.s2.selectedIndex].value) self.document.f2.t2.value=str;

  self.status='Number of events handled: '+serialN;
  serialN++;
 }
 return true;
}

if (parseInt(navigator.appVersion)>3) {
 document.οnmοusedοwn=handlerFoo;
 document.οnmοuseup=handlerFoo;
 document.οnmοuseοver=handlerFoo;
 document.οnmοuseοut=handlerFoo;
 document.οnmοusemοve=handlerFoo;
 document.οnclick=handlerFoo;
 if (navigator.appName=="Netscape") { 
  document.captureEvents(
   Event.MOUSEDOWN |
   Event.MOUSEUP |
   Event.MOUSEMOVE |
   Event.MOUSEOVER |
   Event.MOUSEOUT |
   Event.CLICK
  )
 }
}