Javascript拖动放大器；拖放系列3 详细事件对象第1/4页

在阅读本文之前，可以先阅读《Javascript拖拽拖放系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性》来理清脉络。好了，让我们言归正传。具有相同模型1按钮属性的属性/方法为整数类型，可读可写。对于特定的鼠标事件，是指按下的鼠标按钮，可以判断拖动时鼠标左键是否引起了mousedown事件。其所有值及其含义(参考《Javascript高级程序设计》)。好了，让我们言归正传。e/window.event对象3.1.1 IE事件模型和DOM事件的属性/方法如下：0-按钮未按下1-左按钮2-右按钮3-左右按钮4-中按钮5-左中按钮6-右中按钮7。mousedown的button属性返回的值与mousedown事件中的值完全相同。注意：在所有兼容DOM事件模型的浏览器中，0表示按左键，值1不存在，2表示按右键。对于非鼠标事件，返回“未定义”。2 clientX和clientY属性类型都是Integer，单位是pixel，可读可写。它们表示鼠标在浏览器工作区的x坐标和y坐标(不包括工具栏和滚动条等)。)当相关事件发生时。最好用图片来解释。请看：。

图3.1:clientX和clientY属性下面的代码是一个非常简单的例子。它可以随时定位鼠标的坐标，并将结果显示在两个文本框中。喜欢的话可以试试运行，目前兼容所有现代浏览器。例1:DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN ' ' http://www . w3 . org/TR/HTML 4/strict . DTD ' HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=UTF-8 '/title untitled Document/title style type=' text/CSS ' body { border :1 px纯黑；margin:0px}/style script type=' text/JavaScript ' language=' JavaScript ' document . onmousemove=move；函数move(e){ if(！e){ e=window . event；} var xeelement=document . getelementbyid(' x ')；var yElement=document . getelementbyid(' y ')；xeElement . value=e . ClientX；yelement . value=e . clienty；}/script/head body输入类型=' text ' id=' x ' value=' '/input type=' text ' id=' y ' value=' '//body/html 3 type属性1234阅读下一页的全文。