有关拖动效果

比如说页面上的一个块,你想拖动它,一般就会给它上onmousedown和onmouseup事件,
当然,onmousedown为触发, onmouseup为事件结束, 可是实际中你如果这样给块增加事件,
你就会发现这时候,onmouseup事件不感应,情况是这样的,你拉动太快了,鼠标这时可能没在
块上了,怎么办呢, 我们做页面不能做概率事件吧, 这时候setCapture方法就开始派上用场了.
onmouse事件的原主人为html,setCapture的作用就是让块临时为onmouse事件的主人,使用为
var obj=document.getElementById(‘块ID’);
obj.setCapture();
这时你给它上的鼠标事件就会统统让块管理了,onmouseup结束事件就100%感应了,
当然, 东西只是临时借用的,用完就得归还,所以有onmouseup事件里得使用releaseCapture 方法来释放权限,也就是
obj.releaseCapture();
希望大家可以用得上它们哥俩:setCapture和releaseCapture
removeAllRanges在Dom中的作用是,可以清空或者放弃你在网页中选取的文字,你可使用removeAllRanges()方法阻止用户在网页中选取内容.该方法常被人使用到拖动的效果中.removeAllRanges必须在getSelection()方法中调用.removeAllRanges不支持IE浏览器,在IE中实现同样效果的方法是selection.empty();
语法:
window.getSelection().removeAllRanges();
返回值:
[tag:return_value /]
参数
window:直接使用window对象调用.
getSelection:获取被选取的文字
请要会用到以下:
if(h.setCapture) {
h.setCapture();
}
if (window.getSelection) {
window.getSelection().removeAllRanges();
} else {
document.selection.empty();
}
if(h.releaseCapture) {
h.releaseCapture();
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值