Tag: textselection

如何在css中为jquery mobile div更改所选文本的颜色

我想将所选文本的颜色更改为＃3C3，而不是div 2。 ………….. …………… some text some text …………….. …………….. CSS .one::selection { background-color:#3C3; } 上面的代码没有用。 有人可以帮我这个吗？

为什么在单击按钮时从textarea获取文本选择，但在单击“div”时（在Internet Explorer中）

请考虑以下代码:( 此处实时演示 – 在Internet Explorer 7或9中打开 ） HTML： Hello Stack Overflow But clicking here not 🙁 JS： function getInputSelection(el) { var start = 0, end = 0, normalizedValue, range, textInputRange, len, endRange; if (typeof el.selectionStart == “number” && typeof el.selectionEnd == “number”) { start = el.selectionStart; end = el.selectionEnd; } else { range = document.selection.createRange(); […]

我该怎么做：用JavaScript选择一个段落（点击）？

是否可以使用JavaScript选择所有文本作为元素（例如，段落 ）？ 很多人认为jQuery .select()会这样做，但事实并非如此。 它只是触发一个事件。 请注意， 元素的DOM对象具有本机select()方法，但大多数其他元素（例如和 ）则不具有。 （我是否需要使用content-editable才能使其正常工作？）

无法使用句柄选择Kendo Sortable中的文本

我有一组可排序的小部件，非常类似于这个演示 。 JS在这里： var column1Sortable = $(column1Selector).kendoSortable({ filter: “.panel”, cursor: “move”, handler: “.panel-header”, connectWith: column2Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data(“kendoSortable”); var column2Sortable = $(column2Selector).kendoSortable({ filter: “.panel”, cursor: “move”, handler: “.panel-header”, connectWith: column1Selector, change: sortableOnChange, placeholder: sortablePlaceholder, hint: sortableHint }).data(“kendoSortable”); 面板的HTML看起来类似于： Header … selectable text here … 虽然我已经为.panel-header div设置了一个handler选项，但我无法在.panel-content区域中选择任何文本。 鼠标光标显示文本光标，但在尝试突出显示时，没有任何内容突出显示。

使用jQuery设置文本选择颜色。 演示不工作

http://jsfiddle.net/uKdPM/ 我在css中设置了::selection颜色，因此当您在屏幕上突出显示文本时，文本的颜色为粉红色。 我正试图在页面加载时通过jQuery覆盖该颜色。 好像它应该是超级简单的。 但它对我不起作用。

jQuery – 获取选择的段落，长度等

我正在尝试完成一些我认为在jQuery中应该很简单的事情。 我的网站上有很长的文字。 每当用户选择（突出显示）文本时，我需要获取以下信息： 选择开始的段落 选择开始于该段落中的字符 选择的长度 选择结束的段落（如果突出显示超出一个段落） 选择结束的那一段中的字符 谢谢你;）

使用JS更改文本选择突出显示

对于标准浏览器，您可以使用类似的内容来更改所选文本的颜色： div.txtArea::selection { background: transparent; } div.txtArea::-moz-selection { background: transparent; } div.txtArea::-webkit-selection { background: transparent; } 但我需要用JavaScript来做这件事。 我的用户可以选择文本然后更改颜色。 当他们选择另一种颜色时，它会不断更新颜色。 由于选择了文本，因此无法看到颜色的样子。 我需要将目标元素的选择样式更改为仅在换色器鼠标hover期间透明。 我尝试过一些事情，包括： $(‘div.txtArea’).css({ ‘selection’: ‘transparent’, ‘-moz-selection’: ‘transparent’, ‘-webkit-selection’: ‘transparent’ }); 有没有办法用javascript做到这一点？

使用DIV作为按钮时保持文本选择

也许这是与浏览器相关的问题？ 我现在在Chrome上… 我想要完成的是允许用户使用光标保存他们在页面上选择（突出显示）的文本。 我有javascript / jQuery / ajax所有设置…当我通过控制台测试它时它就像一个魅力。 ie – 我选择一些文本，然后运行此命令。 alert(getSelected()); 我得到一个包含所选字符的警报弹出窗口。 ……所以它在理论上有效。 但是 – 当我想使用按钮拨打电话时，发生的事情是文本选择消失了FIRST，因此我无法查看/保存他们选择的内容。 $(‘#save’).click(function(){ var selected_text = getSelected(); }); 有没有办法在点击/保存DIV后点击/保持文本选择？ 开放给任何和所有解决方案！ 谢谢！

如何在Internet Explorer 7中使用jQuery在textarea中获取所选文本？

我尝试了jquery-fieldselection插件来获取textarea中的选定文本。 它在Firefox和Chrome中运行良好，但在Internet Explorer 7中运行不正常。 我像这样使用getSelection()方法： textarea.getSelection(); 当textarea中的文本为12345 ，并且选择了所有这些文本后，Firefox和Chrome将返回： start: 0 // Correct! end: 5 Internet Explorer 7返回时： start: 5 // Why ?? end: 5 我正在寻找使用jQuery的跨浏览器解决方案。

如何在没有包装的情况下创建文本选择工具提示？

我的最终目标是在文本选择上创建工具提示。 然后，用户将能够与类似的工具提示进行交互 。 请注意，我能够通过将所选文本包装在标签中然后在其上创建工具提示来实现此目的，但由于某些其他要求和function问题，这不再是我的选项。 如果您在元素检查器中的上图中注意到，所选文本未包含在任何类型的标记中，则仅在选择上创建工具提示。 我已经看过这个并且它对我不起作用，因为鼠标位置可能与选择结束不同。 我需要实际的选择位置。 一般问题：实现这一目标的最佳方法是什么？ 更具体的问题： 我应该使用选择的坐标吗？ 如果是这样，有办法获得矩形选择的顶角坐标，这样我就可以找到中点并创建一个工具提示。 有没有办法将选择作为一个元素？ 所以我可以放一个工具提示吗？ （注意选择可以是多个节点）