Mô phỏng bấm phím với jQuery

Question

Sử dụng jQuery, làm thế nào tôi có thể mô phỏng (kích hoạt?) Một KeyPress khi một liên kết được nhấp? Ví dụ: khi người dùng nhấp vào liên kết sau:

<a id="clickforspace" href="#">Click Here</a> 

Sau đó, bằng cách nhấp vào liên kết, nó sẽ như thể họ đã nhấn "phím dài" trên bàn phím của họ.

Something như thế này, tôi giả:

$("#clickforspace").click(function(e) { 
    e.preventDefault(); 
    //... Some type of code here to initiate "spacebar" // 
             }); 

Bất kỳ ý tưởng về làm thế nào để đạt được điều này?

Answer 1

Sự kiện nhấn phím từ jQuery có nghĩa là thực hiện loại công việc này. Bạn có thể kích hoạt sự kiện bằng cách chuyển một chuỗi "nhấn phím" tới .trigger(). Tuy nhiên để cụ thể hơn, bạn thực sự có thể vượt qua một đối tượng jQuery.Event (chỉ định kiểu là "nhấn phím") và cung cấp bất kỳ thuộc tính nào bạn muốn như mã phím là phím cách.

http://docs.jquery.com/Events/trigger#eventdata

Đọc tài liệu ở trên để biết thêm chi tiết.

Answer 2

Bạn có thể thử này Plugin SendKeys jQuery:

http://bililite.com/blog/2011/01/23/improved-sendkeys/

$(element).sendkeys(string) chèn chuỗi tại điểm chèn trong một đầu vào, textarea hoặc thành phần khác với contenteditable = true. Nếu điểm chèn hiện không ở trong phần tử, nó sẽ ghi nhớ nơi điểm chèn là khi lần gửi cuối cùng được gọi (nếu điểm chèn không bao giờ ở phần tử, nó sẽ kết thúc).

Answer 3

Tôi tin rằng đây là những gì bạn đang tìm kiếm:

var press = jQuery.Event("keypress"); 
press.ctrlKey = false; 
press.which = 40; 
$("whatever").trigger(press); 

Từ here.

Answer 4

này hoạt động:

var event = jQuery.Event('keypress'); 
event.which = 13; 
event.keyCode = 13; //keycode to trigger this for simulating enter 
jQuery(this).trigger(event); 

Answer 5

Một tùy chọn khác:

$(el).trigger({type: 'keypress', which: 13, keyCode: 13}); 

http://api.jquery.com/trigger/

Answer 6

Nếu bạn muốn để mô phỏng hoạt động của trình duyệt như "undo" hoặc "làm lại", bạn nên cố gắng này:

function doUndo(){ 
    document.execCommand('undo', false, null); 
} 

function doRedo(){ 
    document.execCommand('redo', false, null); 
}