标签: textselection

在物理设备和模拟器上进行了测试。

众所周知，textSelectionHandleColor 已被弃用。因此，我决定对我的应用程序代码进行一些更改，不幸的是，selectionHandleColor 仍然是我们创建新应用程序时获得的默认蓝色。

TextSelectionTheme(
              data: TextSelectionThemeData(
                  cursorColor: kLightGreen,
                  selectionHandleColor: kLightGreen,
                  selectionColor: kGrey),
              child: TextField(
                keyboardType: TextInputType.number,
                style: TextStyle(
                  color: kOffWhite,
                  letterSpacing: 1.5,
                ),
                decoration: InputDecoration(
                  labelText: 'Label',
                  enabledBorder: UnderlineInputBorder(
                    borderSide: BorderSide(color: kLightGreen),
                  ),
                  focusedBorder: UnderlineInputBorder(
                    borderSide: BorderSide(color: kLightGreen),
                  ),
                  hintText: 'Hint',
                  hintStyle: TextStyle(
                    color: kOffWhite,
                    letterSpacing: 1.5,
                  ),
                  labelStyle: TextStyle(
                    color: kLightGreen,
                    letterSpacing: 1.5,
                  ),
                ),
              ),
            ),

除手柄颜色外，光标颜色、选择颜色均已更改。我已尝试了一切可能的方法来更改文本选择手柄颜色。

示例:我有一个包含一堆表单输入的无序列表.

在创建ul .sortable()之后,我在sortable(ul)上调用.disableSelection()以防止在拖动li项时进行文本选择.

..但很好,但我需要在表单输入上重新/启用文本选择..或者表单基本上是不可编辑的..

我找到了一个部分解决方案@ http://forum.jquery.com/topic/jquery-ui-sortable-disableselection-firefox-issue-with-inputs

• enableSelection,disableSelection似乎仍然没有记录:http://wiki.jqueryui.com/Core

有什么想法吗？

为什么CSS3伪元素selection不会改变突出显示的所有部分？正如您在此屏幕截图中看到的,我选择了部分页面,部分选项是默认的亮蓝色:

这是我正在使用的CSS,它位于我的CSS文件的顶部:

::selection { background: #3B3B3B; color: #fff; }
::-moz-selection { background: #3B3B3B; color: #fff; }

它似乎是输入(文本,复选框等)和白色空间的亮点不会改变.有谁知道这是为什么,有没有办法改变它的页面的每个部分,所以高亮颜色是一致的？我正在使用Chrome.

我正在尝试创建一个优雅,分散注意力的文本编辑器.
我真正想要实现的功能之一是弹出简单的文本格式命令,如粗体,斜体,下划线,字体颜色和字体.

为了给你一个想法,这里是iOS中弹出窗口的图片(显然,这只是想法.我想为弹出窗口创建一个自定义设计):

我有几个问题:
1)是否存在文本选择监听器或某些等价物？
2)我是否需要覆盖默认的android动作进行文本选择？
3)如何显示/创建此弹出窗口？(模糊的问题,我知道......)

我刚刚开始使用Java和Android开发,但我已经创建了一些应用程序并且已经掌握了它.

在javascript中实现富文本编辑器时,我需要对所选范围内的每个文本节点应用一些更改.Range对象提供接口获取startContainer,endContainer,startOffset,endOffset选定范围.如何迭代中间的每个DOM节点？

var selection = window.getSelection();
var range = selection.getRange(0);
// How can I iterate over every node within the range?

我正在寻找一种方法来跟踪网页上的文本选择.每当选择发生变化时,我都需要执行一些代码.我已经在所有主流桌面浏览器上成功完成了这项工作,但同样似乎并不适用于Android版Firefox.

我尝试了三种方法(没有一种方法有效!):

1. 尝试捕获"mouseup"事件并检查是否存在非空文本选择."mouseup"如果在mousedown-move-up序列中进行了选择,问题就不会被触发!
2. 尝试对"touchend"事件做同样的事情 - 结果相同.
3. 试图抓住这个"selectionchange"事件.我看到当选择改变时它不会被触发,因为它需要设置配置键 "dom.select_events.enabled".这是false默认情况下,我显然不能要求我的访问者调整浏览器设置:-)

此外,正如预期的那样,如果通过拖动选择开始/结束标记来扩展或减少选择,则不会触发前两个事件.

我现在能想到的唯一解决方案是定期轮询器(使用setInterval)来检查是否有文本选择.这绝对是不洁净和反性能的.

任何替代方案和/或建议都会非常有帮助.

谢谢

我想隐藏当用户选择任何文本时显示的 Chrome for Android 文本选择弹出窗口，这样默认文本选项弹出窗口（附加屏幕截图）就不会出现。

无论如何使用javascript这样做，而不删除整个文本选择功能？

假设我在页面中有一个ul(li)列表:

<ul>
 <li>xxx<li>
 <li>xxx<li>
</ul>

该元素li是可点击和可双击的,它们与这些事件相关联,并且我都return false在这两个事件中.

$('ul li').on('click',function(){
    //do what I want
    return false;
}).on('dblclick',function(){
    //do what I want
    return false;
});

但是当用户双击该元素时,li将选择该文本内的文本.如何防止这种情况？

更新:

现在解决了,我使用以下代码与NiftyDude的css选择器:

$('ul li').on('click',function(){
    //do what I want
    return false;
}).....on('dragstart',function(){return false;}).on('selectstart',function(){return false;});

你如何以编程方式从中删除选择EditText？我试过了:

myEditText.setSelection(selectionEnd);

但这只是在当前选择结束时创建了0长度的选择.我也试过了Selection.removeSelection(mySpannable),它只是在文本的开头放了一个空的选择.

每当用户完成选择 \xe2\x80\x94 时，我都会做一些事情，基本上，在每个事件mouseup之后的第一个事件上selectstart，我认为页面上的 \xe2\x80\x94 。我想将这个选择包装在一个元素中，通过 CSS 设置样式。我推测 Selection API 为此提供了一个事件；然而，似乎并非如此。

我不只是简单地监听，mouseup因为我特别寻找它来处理浏览器查找功能产生的选择（“在此页面查找\xe2\x80\xa6”; \xe2\x8c\x98+ f） 。

let selContainer = document.createElement(\'span\')\nspan.classList.add(\'user-selection\')\n\nconst wrapSelection = () => {\n  window.getSelection().getRangeAt(0).surroundContent(selContainer)\n}\n\n\n/*                   \xe2\x94\x8f\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x93\n                     \xe2\x94\x83                          \xe2\x94\x83\n                     \xe2\x94\x83  The Selection API only  \xe2\x94\x83\n                     \xe2\x94\x83  affords these events:   \xe2\x94\x83\n                     \xe2\x94\x83                          \xe2\x94\x83\n                     \xe2\x94\x83  - selectionchange       \xe2\x94\x83\n                     \xe2\x94\x83  - selectstart     \xe2\x94\x8f\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\xab\n                     \xe2\x94\x83                    \xe2\x94\x83issue\xe2\x94\x83\n                     \xe2\x94\x97\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\xbb\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x9b\n\n*/document.addEventListener(\'selectfinish\', wrapSelection)/*\n                             \xe2\x94\x97\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\xb3\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x81\xe2\x94\x9b\n                                  \xe2\x94\x83\n                                  \xe2\x94\x83\n                               no such\n                                event                                                                                                                                                                                                        */

\n