使用jQuery为输入按钮指定快捷键

问题描述：

<html> 
<script> 
$('#pasteButton').click(function() { 

    // place code for this button 
    // ctrl + v shortcut should work for this button 
    // how? 
    } 

}); 

</script> 
<body> 
    <input type="button" id="pasteButton" value="Paste" /> 
</body> 
</html>

在此先感谢。同样，我还需要使用按钮从textarea剪切/复制选定的文本。使用jQuery为输入按钮指定快捷键

你寻找它？ – 2013-04-09 10:54:15

也许你应该尝试'人工智能'。 – 2013-04-09 10:55:04

首先从点击函数中删除额外的'}'。 – 2013-04-09 10:56:18

答

从这篇文章摘自：

How to detect Ctrl+V, Ctrl+C using JavaScript?

$(document).ready(function() 
{ 

    $('#pasteButton').click(function() 
    { 
     // Your click functionality here 
    } 

    var ctrlDown = false; 
    var ctrlKey = 17, vKey = 86; 

    $(document).keydown(function(e) 
    { 
     if (e.keyCode == ctrlKey) ctrlDown = true; 
    }).keyup(function(e) 
    { 
     if (e.keyCode == ctrlKey) ctrlDown = false; 
    }); 

    $(document).keydown(function(e) 
    { 
     if (ctrlDown && e.keyCode == vKey) { 
      // ctrl + V clicked, click the paste button. 

      $('#pasteButton').click(); 
      return false; 
     }; 
    }); 
});

答

首先你得听keydown事件。如果是控制+ V，那么你可以触发你的函数您可以使用下面的代码为目的：

HTML

<input type="button" name="pasteButton" value="press me" id="pasteButton"/>

JAVASCRIPT

$(window).keydown(function(event) { 
      if(event.ctrlKey && (event.which == 86 || event.which==118)) { 
       $('#pasteButton').trigger("click") 
      event.preventDefault(); 
      } 
     }); 
     $('#pasteButton').click(function(){ 
      alert("hello"); 
     });

SAMPLE JSFIDDLE

对不起，我认为我的问题不清楚。我想要'ctrl + v'点击'pasteButton'相同的功能 – mbsr 2013-04-10 06:07:00

@mbsr，如果像那样，你真正的需求是什么？你想达到什么目的？ – arjuncc 2013-04-10 06:08:17

我有一个文本区域，我选择一些文本，如果我点击pasteButton选定的文本需要粘贴在我的文本区域。 – mbsr 2013-04-10 06:14:38

答

只需使用ACCESSKEY更多细节HTML标记的属性，看下面的链接

使用jQuery为输入按钮指定快捷键

相关推荐