首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >可以区分点击和选择吗?

可以区分点击和选择吗?
EN

Stack Overflow用户
提问于 2011-09-27 22:27:32
回答 2查看 294关注 0票数 1

我有一个带有隐藏子对象的div。在div中单击将切换子对象的可见性。这样做效果很好。

现在,用户希望选择子对象中的一些文本。拖动选择是有效的,但是一旦松开鼠标按钮,div就会关闭(因为inClick处理程序)。

如果可能的话,我仍然希望能够从孩子的任何地方关闭div,因为孩子可能非常大(有数百行,所以滚动到div来切换孩子是很繁琐的)。

需要与IE6+和所有正常的浏览器一起工作。我不能直接使用jQuery :-(但我可以从jQuery复制代码,所以如果jQuery有解决方案,我会克隆它。

有什么建议吗?

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2011-09-27 22:37:06

在关闭内部div之前,您可以在window.getSelection()上检查一下它是否包含任何内容。

对于IE6,您需要将其替换为document.selection

请注意,这是IE的专有技术,因此您需要通过对象检测来区分使用哪种方法。

Working Demo

票数 1
EN

Stack Overflow用户

发布于 2011-09-27 22:43:52

你可以在DIV的一侧有一个切换控件:

代码语言:javascript
复制
toggle.onclick = function () { 
    if ( this.className === 'closed' ) {
        this.className = '';
        content.style.display = '';
    } else {
        this.className = 'closed';
        content.style.display = 'none';
    }
};

现场演示: http://jsfiddle.net/HcVfW/

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7570810

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档