问:setCapture();

hbzyduwu 2004-09-02 12:05:09
MSDN找了,也没看太明白.
http://msdn.microsoft.com/library/default.asp?url=/workshop/browser/mshtml/reference/ifaces/element2/setcapture.asp

google,csdn也没找到,只好问了~ :(,借机会真正明白它. 麻烦高手举例解释一下。


我今天又要用到它了,仍然有问题,希望被修正!
function changeImg() {
var e = event.srcElement;
if(!e) return;
e.setCapture();
}


html:
<table height="204" border="0" align="center" cellpadding="0" cellspacing="0" id=acvTable onClick="changeImg()">
<tr>
<td width="143"><a href="first.jsp" target="hd"><img src="../images/menmber/09bt2_0111.gif" width="140" height="19" border="0"></a></td>
</tr>
<tr>
<td><a href="myinfo.jsp" target="hd" onMouseOver="MM_swapImage('Image1','','../images/menmber/bt_01_on.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/menmber/bt_01_off.gif" width="140" height="26" border="0" name="Image1"></a></td>
</tr>
<tr>
<td><a href="first.jsp" target="hd" onMouseOver="MM_swapImage('Image311','','../images/menmber/bt_07_on.gif',1)" onMouseOut="MM_swapImgRestore()"><img src="../images/menmber/bt_07_off.gif" name="Image311" width="140" height="26" border="0" id="Image31"></a></td>
</tr>

.............
...全文
89 2 打赏 收藏 转发到动态 举报
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
lfecnu 2004-10-08
  • 打赏
  • 举报
回复
up! 高手解释啊!
mjpclab 2004-09-02
  • 打赏
  • 举报
回复
setCapture以后,即使鼠标移出对象,同样能触发移动,单击事件,直到e.setCapture(false)后取消capture

这个方法在VB中倒很常用,用于控件的浮动效果,因为VB中没有mouseout事件,所以鼠标移出对象时无法捕捉,此时用setCapture,使鼠标移出控件同样能触发mousemove事件,然后根据坐标判断,如果鼠标在控件外,就执行相应的操作,然后释放capture(vb中用的releaseCapture)

js中很少用setCapture因为多数元素都有onmouseout事件

87,917

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧