Assign shortcut keys to input button using jQuery

Question

<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>

Thanks in advance. Similarly, I also need to cut / copy selected text from a textarea using buttons.

update from comment section : I have a text area where I select some text and if I click on pasteButton that selected text need to be pasted in my text area

may be you should try Artificial Intelligence.

Dipesh Parmar
– Dipesh Parmar

2013-04-09 10:55:04 +00:00
Commented Apr 9, 2013 at 10:55 — Dipesh Parmar
– Dipesh Parmar, Commented Apr 9, 2013 at 10:55
First of all remove extra } from click function.

Devang Rathod
– Devang Rathod

2013-04-09 10:56:18 +00:00
Commented Apr 9, 2013 at 10:56 — Devang Rathod
– Devang Rathod, Commented Apr 9, 2013 at 10:56

arjuncc · Accepted Answer · 2013-04-09 11:03:11Z

7

First you have to listen to the keydown event. If it is control+v then you can trigger your function You can use the following code for that purpose:

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

answered Apr 9, 2013 at 11:03

arjuncc

3,2975 gold badges46 silver badges79 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

mbsr Over a year ago

am sorry i think my question is not clear. i want the same functionality of 'ctrl+v' on click of 'pasteButton'

arjuncc Over a year ago

@mbsr, If like that, what is your real requirement? What are you trying to achieve?

mbsr Over a year ago

i have a text area where i select some text and if i click on pasteButton that selected text need to be pasted in my text area.

arjuncc Over a year ago

@mbsr, sorry for the late reply, so you need only copy functionality? Or you need 'ctrl+v' short cut too?

arjuncc Over a year ago

@mbsr, its little more complicated than you expect, refer these similar SO question stackoverflow.com/questions/717224/… stackoverflow.com/questions/275761/…

|

Community · Accepted Answer · 2017-05-23 12:21:36Z

1

Taken from this post:

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

edited May 23, 2017 at 12:21

CommunityBot

11 silver badge

answered Apr 9, 2013 at 10:57

Chris Dixon

9,1777 gold badges38 silver badges69 bronze badges

Comments

Santosh Yadav · Accepted Answer · 2014-05-09 06:54:46Z

0

Just use accesskey attribute of html tag for more detail see following link

http://www.w3schools.com/tags/att_global_accesskey.asp

answered May 9, 2014 at 6:54

Santosh Yadav

1

Collectives™ on Stack Overflow

Assign shortcut keys to input button using jQuery

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related