2012 年 4月 18 日随笔档案 - DoubleLi

js获取触发事件元素的坐标

摘要： function Point(iX, iY){ this.x = iX; this.y = iY; } function fGetXY(aTag){ var oTmp=aTag; var pt = new Point(0,0); do { pt.x += oTmp.offsetLeft; pt.y += oTmp.offsetTop; oTmp = oTmp.offsetParent; } while(oTmp.tagName!="BODY"); return pt; } 如果想在触发事件的元素(例如文本框假如是myinput)下面弹出一个div 获取触发事件的元素 va. 阅读全文

posted @ 2012-04-18 17:53 DoubleLi 阅读(3383) 评论(0) 推荐(0)

JavaScript event对象clientX，offsetX，screenX异同带图 .

摘要：转自：http://www.cnblogs.com/long_/archive/2010/09/09/1822574.html event对象是JavaScript中最重要的对象之一，他代表了各种事件的状态，在各种事件的事件处理中经常用到，比如键盘活动、鼠标活动等等，其中有几个对象官方说的比较模糊，很难理解，这里有必要通俗化的理解一下。概念（不是官方，来源于网络）：clientX 设置或获取鼠标指针位置相对于窗口客户区域的 x 坐标，其中客户区域不包括窗口自身的控件和滚动条。 clientY 设置或获取鼠标指针位置相对于窗口客户区域的 y 坐标，其中客户区域不包括窗口自身的控件和滚动条。 o 阅读全文

posted @ 2012-04-18 17:04 DoubleLi 阅读(320) 评论(0) 推荐(0)

js拖动原理

摘要： <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js拖动div修正版</title><script type="text/javascript">var _move = false;var _x,_y;w 阅读全文

posted @ 2012-04-18 16:47 DoubleLi 阅读(897) 评论(0) 推荐(0)

js事件列表

摘要：一般事件事件浏览器支持描述onClickIE3|N2|O3鼠标点击事件，多用在某个对象控制的范围内的鼠标点击onDblClickIE4|N4|O鼠标双击事件onMouseDownIE4|N4|O鼠标上的按钮被按下了onMouseUpIE4|N4|O鼠标按下后，松开时激发的事件onMouseOverIE3|N2|O3当鼠标移动到某对象范围的上方时触发的事件onMouseMoveIE4|N4|O鼠标移动时触发的事件onMouseOutIE4|N3|O3当鼠标离开某对象范围时触发的事件onKeyPressIE4|N4|O当键盘上的某个键被按下并且释放时触发的事件.[注意:页面内必须有被聚焦的对象]o 阅读全文

posted @ 2012-04-18 16:05 DoubleLi 阅读(460) 评论(0) 推荐(0)

javascript 中ondragstart ondrag实现拖动界面元素效果 .

摘要： <html> <head> <title></title> <script language="javascript" type="text/javascript">function showpos() { document.all.x.value = event.clientX; document.all.y.value = event.clientY; } function Point() { this.x, this.y; this.eventpos = function() { this 阅读全文

posted @ 2012-04-18 14:59 DoubleLi 阅读(6378) 评论(0) 推荐(0)

DoubleLi

公告