夜的第七章

WEB开发个人博客。

« CSS和JS标签style属性对照表18款Javascript富文本编辑器推荐(z) »

IE和Firefox下的selection区域选择(转)

需要用js来选择页面中指定范围内的内容,

如当QQ邮箱中的收件人输入框中的功能,用户按住鼠标移动,

即可选择上一整个email地址;

 

参考代码

if (document.selection) { //for ie
    var r = document.body.createTextRange();  //创建range
    r.moveToElementText(dNode);  //选择节点
    r.moveEnd(´character´, -2);  //调整range范围
    r.select();  //选中状态
}else if (window.getSelection()) { //for firefox
    var s = window.getSelection();  //获取当前选择的对象
    var r = document.createRange(); //创建range
    r.selectNode(dNode);  //为range添加选中节点
    s.addRange(r);  //把range添加到当前选中的范围内
}

 

官方参考文档

IE

http://msdn.microsoft.com/en-us/library/ms536735%28VS.85%29.aspx

Firefox

https://developer.mozilla.org/en/DOM/Selection

https://developer.mozilla.org/en/DOM/Range

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。



[2007 - 2011] © Leadnt.com