有没有办法在语法荧光笔 onkeydown 中触发代码上的 dblclick 事件？答案

【问题标题】：Is there a way to trigger the dblclik event on code in syntax highlighter on keydown?有没有办法在语法荧光笔 onkeydown 中触发代码上的 dblclick 事件？
【发布时间】：2015-10-15 13:24:28
【问题描述】：

我正在使用 http://alexgorbatchev.com/SyntaxHighlighter/ 。它有一个功能，在高亮文本上的 dblclik 上，所有这些都被选中： how it looks when doubleclicking on higlighted text

我想通过在keydown上触发dblclick来达到同样的效果，这可行吗？

我设法捕捉到了 keydown 事件：

$(window).keydown(function(e) {
    if(e.ctrlKey && e.keyCode == 65) {
        console.log("Ctrl+A event captured");
        e.preventDefault();
        /* but I dont know how to proceed */
    }
})

对于这件事的任何想法，我都非常满意。

【问题讨论】：

您的意思是要扩展 syntaxhighlighter 库以同时使用 keydown 来检测 CTRL-A 还是要创建自己的库来复制 syntaxhighlighter 的行为？
我的错，实际上扩展库是最好的选择

标签： jquery selection double-click syntaxhighlighter

【解决方案1】：

如果你想扩展 SyntaxHighlighter，你可以在 GitHub 上 fork 并修改它。

如果您没有免费的 GitHub 帐户，请注册一个免费的 GitHub 帐户，然后访问 project page，然后单击 Fork 按钮。

您也可以只下载 .ZIP 并修改源代码。你要的文件在src/core.js

附加dblclick的代码在core.js中

  if (params.quickCode)
    dom.attachEvent(dom.findElement(element, '.code'), 'dblclick', dom.quickCodeHandler);

在这个项目的 fork 中，只需添加以下内容：

  dom.attachEvent(dom.findElement(element, '.code'), 'keydown',   
    function(e)
    {
      if(e.ctrlKey && e.keyCode == 65) {
        console.log("Ctrl+A event captured");
        e.preventDefault();
        dom.quickCodeHandler();
        return false;
    }
  });

作为参考，完成这项工作的代码在dom.js

/**
 * Quick code mouse double click handler.
 */
function quickCodeHandler(e)
{
  var target = e.target,
    highlighterDiv = findParentElement(target, '.syntaxhighlighter'),
    container = findParentElement(target, '.container'),
    textarea = document.createElement('textarea'),
    highlighter
    ;

  if (!container || !highlighterDiv || findElement(container, 'textarea'))
    return;

  //highlighter = highlighters.get(highlighterDiv.id);

  // add source class name
  addClass(highlighterDiv, 'source');

  // Have to go over each line and grab it's text, can't just do it on the
  // container because Firefox loses all \n where as Webkit doesn't.
  var lines = container.childNodes,
    code = []
    ;

  for (var i = 0, l = lines.length; i < l; i++)
    code.push(lines[i].innerText || lines[i].textContent);

  // using \r instead of \r or \r\n makes this work equally well on IE, FF and Webkit
  code = code.join('\r');

    // For Webkit browsers, replace nbsp with a breaking space
    code = code.replace(/\u00a0/g, " ");

  // inject <textarea/> tag
  textarea.appendChild(document.createTextNode(code));
  container.appendChild(textarea);

  // preselect all text
  textarea.focus();
  textarea.select();

  // set up handler for lost focus
  attachEvent(textarea, 'blur', function(e)
  {
    textarea.parentNode.removeChild(textarea);
    removeClass(highlighterDiv, 'source');
  });
};

【讨论】：