Codemirror中添加ondblClick和click事件

Question

我想将 onDblClick 事件添加到 codemirror 2。我发现 onCursorActivity 不会传递该事件，因此我无法通过此方法来过滤事件。 如何在 Codemirror 上实现 onDbClick 事件？

提前致谢。

Answer 1

您可以在 CodeMirror 返回的对象上调用 on 方法：

var cm = CodeMirror.fromTextArea(document.querySelector('textarea'));
cm.on('dblclick', function() {
   alert('You double click the editor');
});

您可以在 文档。

Answer 2

在 getWrapperElement() 方法返回的元素上注册一个处理程序。除非您不仅想检测双击，还想防止发生默认情况（选择鼠标光标下的单词）...在这种情况下，我想需要对核心代码进行一些修改。

Answer 3

http://jsfiddle.net/yusafkhaliq/NZF53/1/

由于 codemirror 在元素内部渲染指定您可以向元素添加一个 ondblclick 事件，如下所示，双击特定元素将显示行号，荧光笔将呈现没有行号

var codeelems = document.getElementsByClassName("code");
for (i = 0; i < codeelems.length; i++) {
    (function ($this) {
        var value = $this.innerHTML;
        $this.innerHTML = "";            
        var editor = CodeMirror($this, {
            value: value,
            mode: "text/javascript",
            lineNumbers: false
        });
        $this.ondblclick = function () {
            editor.setOption("lineNumbers", true);
        }
    })(codeelems[i]);
}