codemirror - ondblClickとクリックイベントをCodemirrorに追加します

Question

onDblClickイベントをcodemirror2に追加したいと思います。onCursorActivityはイベントを配信しないため、このメソッドからイベントをフィルタリングする方法がないことがわかりました。CodemirrorにonDbClickイベントを実装するにはどうすればよいですか？

前もって感謝します。

Answer 1

onCodeMirror によって返されたオブジェクトでメソッドを呼び出すことができます。

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]);
}