在事件中高亮显示div元素中的特定子字符串的最佳方式是什么?通过突出显示,我的意思是应用一些CSS样式,如黄色背景或其他东西。
基本上,我需要一个简单的JS客户端函数的形式:
function (element, start, end) {
// element is the element to manipulate. a div or span will do
// start and end are the start and end positions within the text of that
// element where highlighting shoul
我有一个内容可编辑的div (带有id 'editor1'),允许用户输入文本。然后有一个函数,允许他们对任何高亮显示的文本进行着色。我的js使用window.getSelection().getRangeAt(0),但问题是它们可以突出显示div之外的单词,它们的颜色也会发生变化。到目前为止,我已经尝试过:
function red(){
{
var getText = document.getElementById("editor1").innerHTML;
var selection =
我在选择时突出显示文本有一个很大的问题,我可以使用onMouseUp事件和浏览器API window.getSelection().getRangeAt(0选择测试)我得到文本的坐标,
我正在高亮显示,并且它被正确地高亮显示,为此,我使用以下实现。
const {useState}=React;
function App() {
const [text, setText] = useState('Some text will be here but this one will be yellow'),
[start, setStart] = useSt
我设计了一些标记的样式,用户可以在其中选择一个DIV,它会高亮显示。这很好用,但是,我希望一次只允许突出显示和选择一个DIV。目前,用户可以选择所有3个DIVS,它们都会高亮显示。我使用jquery向toggleClass添加/删除“活动”类。"active“类在css中设置样式以显示蓝色背景。 如何阻止用户选择全部3个? $('.pricecard.aircraft').click(function() {
// this will fire when you click view
$(this).toggleClass('active'
如何在Animate/Highlight 隐藏之前,单击所需的 Div?
Here is my JS DEMO:
我想要动画或高亮显示点击或选择的 Div,然后它应该隐藏。
这里是HTML :
<div id="response_1" class="container">
<span id="1" class="hide_content">
<a href="javascript:void(0);">Click Here To Hide First Di