如何使用javascript更改选定的文本颜色

我在chrome浏览器中。我有蓝色的背景和文本的颜色是白色的

问题:

当我选择并复制文本并粘贴到word中时，文本由于被删除而无法看到

选择时是否有javascript更改文本颜色，以使复制的文本不是白色

类似问题如下：

---

作为JavaScript的替代方案，使用CSS设置

：：选择

颜色（即背景突出显示的颜色）如何

如果当前背景为蓝色，而默认选择的高光颜色为蓝色，请尝试将颜色更改为红色：

::selection {      /* WebKit Browsers */
  background: #ffb7b7;
}
::-moz-selection { /* Gecko Browsers */
  background: #ffb7b7;
}

---

作为JavaScript的替代方案，使用CSS设置

：：选择

颜色（即背景突出显示的颜色）如何

如果当前背景为蓝色，而默认选择的高光颜色为蓝色，请尝试将颜色更改为红色：

::selection {      /* WebKit Browsers */
  background: #ffb7b7;
}
::-moz-selection { /* Gecko Browsers */
  background: #ffb7b7;
}

---

作为JavaScript的替代方案，使用CSS设置

：：选择

颜色（即背景突出显示的颜色）如何

如果当前背景为蓝色，而默认选择的高光颜色为蓝色，请尝试将颜色更改为红色：

::selection {      /* WebKit Browsers */
  background: #ffb7b7;
}
::-moz-selection { /* Gecko Browsers */
  background: #ffb7b7;
}

---

作为JavaScript的替代方案，使用CSS设置

：：选择

颜色（即背景突出显示的颜色）如何

如果当前背景为蓝色，而默认选择的高光颜色为蓝色，请尝试将颜色更改为红色：

::selection {      /* WebKit Browsers */
  background: #ffb7b7;
}
::-moz-selection { /* Gecko Browsers */
  background: #ffb7b7;
}

---

这里可能有一些问题，但它在Chrome中工作：

document.addEventListener('copy', function() {
    event.preventDefault();
    event.clipboardData.setData("text/plain", document.getSelection().toString());
}, false);

---

这里可能有一些问题，但它在Chrome中工作：

document.addEventListener('copy', function() {
    event.preventDefault();
    event.clipboardData.setData("text/plain", document.getSelection().toString());
}, false);

---

这里可能有一些问题，但它在Chrome中工作：

document.addEventListener('copy', function() {
    event.preventDefault();
    event.clipboardData.setData("text/plain", document.getSelection().toString());
}, false);

---

这里可能有一些问题，但它在Chrome中工作：

document.addEventListener('copy', function() {
    event.preventDefault();
    event.clipboardData.setData("text/plain", document.getSelection().toString());
}, false);

终于得到了这个

我的解决办法是

        var x = document.getElementById("elementID");
        function eventCopy() {
            x.style.color = 'black';
            x.addEventListener("mousemove", eventDispatch);
        }
        function eventDispatch() {
            x.style.color = 'white';
            console.log('h');
            x.removeEventListener("mousemove", eventDispatch);
        }
        x.addEventListener("copy",eventCopy);

终于得到了这个

我的解决办法是

        var x = document.getElementById("elementID");
        function eventCopy() {
            x.style.color = 'black';
            x.addEventListener("mousemove", eventDispatch);
        }
        function eventDispatch() {
            x.style.color = 'white';
            console.log('h');
            x.removeEventListener("mousemove", eventDispatch);
        }
        x.addEventListener("copy",eventCopy);

终于得到了这个

我的解决办法是

        var x = document.getElementById("elementID");
        function eventCopy() {
            x.style.color = 'black';
            x.addEventListener("mousemove", eventDispatch);
        }
        function eventDispatch() {
            x.style.color = 'white';
            console.log('h');
            x.removeEventListener("mousemove", eventDispatch);
        }
        x.addEventListener("copy",eventCopy);

终于得到了这个

我的解决办法是

        var x = document.getElementById("elementID");
        function eventCopy() {
            x.style.color = 'black';
            x.addEventListener("mousemove", eventDispatch);
        }
        function eventDispatch() {
            x.style.color = 'white';
            console.log('h');
            x.removeEventListener("mousemove", eventDispatch);
        }
        x.addEventListener("copy",eventCopy);

---

我尝试使用：：selection，但这没有帮助。我想复制修改过的文本。因此，当我粘贴到word中时，我得到了我尝试使用：：selection的新更改的文本，这没有帮助。我想复制修改过的文本。因此，当我粘贴到word中时，我得到了我尝试使用：：selection的新更改的文本，这没有帮助。我想复制修改过的文本。因此，当我粘贴到word中时，我得到了我尝试使用：：selection的新更改的文本，这没有帮助。我想复制修改过的文本。因此，当我粘贴到word中时，我会得到新的更改文本