Question

我有以下代码

   $('#txtEditor').select(function (e) {
        var start = e.target.selectionStart;
        var end = e.target.selectionEnd;
        selText = $('#txtEditor').val().substring(start, end);
    });

<asp:TextBox ID="txtEditor" runat="server" TextMode="MultiLine" Width="500px" Height="500px" Font-Size="Large"></asp:TextBox>

我想在文本框中将一些样式（颜色或使其粗体或ittallic等）应用于所选文本（选择后）。在selText我获取所选字符串。但我找不到任何只将样式应用于文本框中选定字符串的事件或函数。

Answer 1

这里是完整的解决方案...... SUDHA

的http：// JS 小提琴。净/ sandeepvirani / mzays /

删除

之间的空格

Answer 2

要更改页面上文本选择部分的颜色，请使用CSS ::selection伪元素。

请参阅MDN documentation。

但请注意，

这是一个非标准选择器，受到许多浏览器的支持，但未得到W3C的认可。
你不能只改变任何属性，真的只是颜色。不大胆！

如果要更改段落内的某些文本，可以使用Javascript快速将所有选择放入新元素span或其他内容中，然后将属性应用于{{ 1}}。但是，如果它是文本框中的文本，那么您运气不好，因为您无法将子元素添加到span。

将样式应用于文本框中的选定文本

2 个答案: