将oninput与CodeMirror一起使用

Using oninput with CodeMirror

本文关键字：一起 CodeMirror oninput      更新时间：2024-04-14

当我的文本区域只是一个文本区域时，oninput正在启动我的函数。既然我已经将文本区域转换为CodeMirror，我就无法注册console.log（）。

这就是我使用CodeMirror 的方式

var editor = CodeMirror.fromTextArea(document.getElementById("textArea"), {
mode: "javascript",
lineNumbers: true,
lineWrapping: true,
theme : 'monokai'
});

这是具有输入功能的文本区域

<textarea id="textArea" oninput="return myKeyPress(event)"></textarea>

这是我的函数，应该由oninput 调用

function myKeyPress(e) {
    socket.emit('textAreaText', document.getElementById('textArea').value);
    console.log("first emit");
  }

当文本区域收到输入时，如何运行此函数？

我不确定这是否是你想要的，但这对我有效，我评论了套接字，因为我无法在fiddle上定义它：

<script>
var editor = CodeMirror.fromTextArea(document.getElementById("textArea"), {
 mode: "javascript",
 lineNumbers: true,
 lineWrapping: true,
 theme : 'monokai'
});
function myKeyPress(e){
//socket.emit('textAreaText', document.getElementById('textArea').value);
 console.log("first emit");
}
</script>
<textarea id="textArea" oninput="return myKeyPress(event)"></textarea>

这里的小提琴

相关文章：