草庐IT

Selection

全部标签

JavaScript:通过双击禁用文本选择

当双击html页面时,大多数浏览器会选择您双击的单词(或您三次单击的段落)。有没有办法摆脱这种行为?请注意,我不想通过单击+拖动禁用常规选择;即jQueryUI的$('body').disableSelection()和document.onselectstartDOM事件不是我想要的。 最佳答案 我担心您无法阻止选择本身成为浏览器的“native行为”,但您可以在做出选择后立即清除选择:document.ondblclick=function(evt){if(window.getSelection)window.getSelect

JavaScript:通过双击禁用文本选择

当双击html页面时,大多数浏览器会选择您双击的单词(或您三次单击的段落)。有没有办法摆脱这种行为?请注意,我不想通过单击+拖动禁用常规选择;即jQueryUI的$('body').disableSelection()和document.onselectstartDOM事件不是我想要的。 最佳答案 我担心您无法阻止选择本身成为浏览器的“native行为”,但您可以在做出选择后立即清除选择:document.ondblclick=function(evt){if(window.getSelection)window.getSelect

javascript - 如何获取包含当前选择的 DOM 元素?

您可以用鼠标选择网页的一部分。我知道我可以获得currentlyselectedtext但是如何获取包含当前选择的开始或结束的DOM元素? 最佳答案 以下将返回当前选择的开始或结束边界的容器元素,使用bool值isStart指定您是想要开始边界还是结束边界。它适用于大多数主流浏览器。添加功能测试以提高稳健性。functiongetSelectionBoundaryElement(isStart){varrange,sel,container;if(document.selection){range=document.selectio

javascript - 如何获取包含当前选择的 DOM 元素?

您可以用鼠标选择网页的一部分。我知道我可以获得currentlyselectedtext但是如何获取包含当前选择的开始或结束的DOM元素? 最佳答案 以下将返回当前选择的开始或结束边界的容器元素,使用bool值isStart指定您是想要开始边界还是结束边界。它适用于大多数主流浏览器。添加功能测试以提高稳健性。functiongetSelectionBoundaryElement(isStart){varrange,sel,container;if(document.selection){range=document.selectio

javascript - 如何用元素包裹/包围突出显示的文本

我想用span将选定的文本包装在一个div容器中,这可能吗?用户将选择一个文本并单击一个按钮,在按钮单击事件中我想用span元素包装所选文本。我可以使用window.getSelection()获取选定的文本,但如何知道它在DOM结构中的确切位置? 最佳答案 如果选择完全包含在单个文本节点中,您可以使用surroundContents()来做到这一点您从选择中获得的范围的方法。然而,这非常脆弱:如果选择不能在逻辑上包含在单个元素中(通常,如果范围跨越节点边界,尽管这不是precisedefinition),它不起作用。要在一般情况下

javascript - 如何用元素包裹/包围突出显示的文本

我想用span将选定的文本包装在一个div容器中,这可能吗?用户将选择一个文本并单击一个按钮,在按钮单击事件中我想用span元素包装所选文本。我可以使用window.getSelection()获取选定的文本,但如何知道它在DOM结构中的确切位置? 最佳答案 如果选择完全包含在单个文本节点中,您可以使用surroundContents()来做到这一点您从选择中获得的范围的方法。然而,这非常脆弱:如果选择不能在逻辑上包含在单个元素中(通常,如果范围跨越节点边界,尽管这不是precisedefinition),它不起作用。要在一般情况下

javascript - 在内容可编辑的 div 中的光标处插入文本

我有一个contenteditablediv,我需要在插入符号位置插入文本,这可以在IE中通过document.selection.createRange().text="banana"轻松完成在Firefox/Chrome中是否有类似的实现方式?(我知道有一个解决方案here,但它不能用于contenteditablediv,而且看起来很笨拙)谢谢! 最佳答案 以下函数将在插入符号位置插入文本并删除现有选择。它适用于所有主流桌面浏览器:functioninsertTextAtCaret(text){varsel,range;if(

javascript - 在内容可编辑的 div 中的光标处插入文本

我有一个contenteditablediv,我需要在插入符号位置插入文本,这可以在IE中通过document.selection.createRange().text="banana"轻松完成在Firefox/Chrome中是否有类似的实现方式?(我知道有一个解决方案here,但它不能用于contenteditablediv,而且看起来很笨拙)谢谢! 最佳答案 以下函数将在插入符号位置插入文本并删除现有选择。它适用于所有主流桌面浏览器:functioninsertTextAtCaret(text){varsel,range;if(

JavaScript 滴管(告诉鼠标光标下像素的颜色)

我正在寻找一个“吸管”工具,它可以在CMS的JavaScript中为我提供鼠标光标所在像素的十六进制值。对于Firefox,有优秀的ColorZilla正是这样做的扩展。然而,它当然只是FF,我真的很想随CMS一起提供该工具。一位荷兰开发人员拥有verycleveridea结合使用Ajax和PHP的imagecolorat()找出图像上的像素颜色。但这限制了我可以访问服务器端的图像的范围,我真的梦想有一个通用工具。我将使用这些方法中的一种,但更喜欢跨浏览器、基于Javascript或Flash的方法,这种方法不需要服务器端操作,也不需要安装扩展。我也对任何IE特定的解决方案感兴趣,这些

JavaScript 滴管(告诉鼠标光标下像素的颜色)

我正在寻找一个“吸管”工具,它可以在CMS的JavaScript中为我提供鼠标光标所在像素的十六进制值。对于Firefox,有优秀的ColorZilla正是这样做的扩展。然而,它当然只是FF,我真的很想随CMS一起提供该工具。一位荷兰开发人员拥有verycleveridea结合使用Ajax和PHP的imagecolorat()找出图像上的像素颜色。但这限制了我可以访问服务器端的图像的范围,我真的梦想有一个通用工具。我将使用这些方法中的一种,但更喜欢跨浏览器、基于Javascript或Flash的方法,这种方法不需要服务器端操作,也不需要安装扩展。我也对任何IE特定的解决方案感兴趣,这些