使文本加粗會出錯，有時它會打開和關閉

Question

我知道標題不是很好，但我有一個div ，它的contenteditable="true"基本上當按下 CTRL + B 時，您鍵入的文本應該是 go 粗體並且它可以工作。 但是當我打開它時，有時會打開和關閉粗體，這是它的一個片段：

 <html> <head> <style>.textbox { border: 1px solid; border-radius: 5px; width: 50%; height: 170px; outnline: none; }.textbox: focus { border: 2px solid; } </style> </head> <body> <div onkeyup="boldText()" contenteditable="true" class="textbox"> </div> <script> function boldText() { if (event.keyCode == 17 + 66) { document.execCommand('bold'); } } </script> </body> </html>

這是一個 JSFiddle： https://jsfiddle.net/YT_Xaos/cogrm9b0

Answer 1

好吧，首先， document.execCommand(); 已棄用。 我會試試這個。

 function boldText(e) { if (e.keyCode == 17 && e.keyCode == 66) { let textBox = document.querySelector('.textbox'); textBox.style.fontWeight = 'bold'; } } document.addEventListener('keyup', boldText);

 .textbox { border: 1px solid; border-radius: 5px; width: 50%; height: 170px; outline: none; }.textbox: focus { border: 2px solid; }

 <html> <body> <div contenteditable="true" class="textbox"> </div> </body> </html>

使文本加粗會出錯，有時它會打開和關閉

問題描述

1 個解決方案

解決方案1
0 已采納 2021-02-06 03:26:13

使文本加粗會出錯，有時它會打開和關閉

問題描述

1 個解決方案

解決方案1 0 已采納 2021-02-06 03:26:13

解決方案1
0 已采納 2021-02-06 03:26:13