jquery: nhấn phím, ctrl + c (hoặc một số combo như thế)

Question

Tôi đang cố gắng tạo phím tắt trên trang web mà tôi đang tạo. Tôi biết tôi có thể làm điều đó theo cách này:

if(e.which == 17) isCtrl=true; 
if(e.which == 83 && isCtrl == true) { 
    alert('CTRL+S COMBO WAS PRESSED!') 
    //run code for CTRL+S -- ie, save! 
    e.preventDefault(); 
} 

Nhưng ví dụ dưới đây là dễ dàng hơn và ít mã, nhưng nó không phải là một sự kiện kết hợp nhấn phím:

$(document).keypress("c",function() { 
    alert("Just C was pressed.."); 
}); 

Vì vậy, tôi muốn biết nếu bằng cách sử dụng thứ hai này ví dụ: tôi có thể làm điều gì đó như:

$(document).keypress("ctrl+c",function() { 
    alert("Ctrl+C was pressed!!"); 
}); 

là điều này có thể? Tôi đã thử nó và nó không hoạt động, tôi đang làm gì sai.

Answer 1

cách tiếp cận khác (không Plugin cần thiết) nó để chỉ cần sử dụng .ctrlKey tài sản của event object mà được thông qua trong Nó chỉ ra nếu Ctrl được ép vào thời điểm sự kiện này, như thế này:.

$(document).keypress("c",function(e) { 
    if(e.ctrlKey) 
    alert("Ctrl+C was pressed!!"); 
}); 

Answer 2

Thay vào đó, hãy thử plugin Jquery Hotkeys - plugin sẽ thực hiện mọi thứ bạn yêu cầu.

jQuery Hotkeys là một plug-in cho phép bạn dễ dàng thêm và loại bỏ xử lý cho sự kiện bàn phím bất cứ nơi nào trong mã của bạn hỗ trợ hầu hết các tổ hợp phím.

Plugin này được dựa tắt của các plugin bởi Tzury Bar Yochay: jQuery.hotkeys

Cú pháp như sau:

$(expression).bind(types, keys, handler); $(expression).unbind(types, handler); 

$(document).bind('keydown', 'ctrl+a', fn); 

// e.g. replace '$' sign with 'EUR' 
// $('input.foo').bind('keyup', '$', function(){ 
//  this.value = this.value.replace('$', 'EUR'); }); 

Answer 3

Có một plugin cho jQuery gọi là "Hotkeys" cho phép bạn liên kết với các tổ hợp phím.

Điều này có làm được gì không?

Jquery HotKeys - Google Code

Answer 4

<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type='text/javascript'> 
    var ctrlMode = false; // if true the ctrl key is down 
    ///this works 
    $(document).keydown(function(e){ 
    if(e.ctrlKey){ 
     ctrlMode = true; 
    }; 
    }); 
    $(document).keyup(function(e){ 
    ctrlMode = false; 
    }); 
</script> 

Answer 5

Bạn không thể sử dụng tổ hợp phím Ctrl + C bởi j Truy vấn, nhưng bạn có thể với một thư viện mà là shortcut.js

Live Demo: Abdennour JSFiddle

$(document).ready(function() { 
shortcut.add("Ctrl+C", function() { 
    $('span').html("أحسنت. لقد ضغطت على حرفي : Ctrl+C"); 
     }); 
    shortcut.add("Ctrl+V", function() { 
    $('span').html("أحسنت. لقد ضغطت على حرفي : Ctrl+V"); 
     }); 
     shortcut.add("Ctrl+X", function() { 
    $('span').html("أحسنت. لقد ضغطت على حرفي : Ctrl+X"); 
     }); 


}); 

Answer 6

Tôi là một chút muộn để dự buổi tiệc nhưng đây là một phần của tôi

$(document).on('keydown', function (e) { 
    // You may replace `c` with whatever key you want 
    if ((e.metaKey || e.ctrlKey) && (String.fromCharCode(e.which).toLowerCase() === 'c')) { 
     console.log("You pressed CTRL + C"); 
    } 
}); 

Answer 7

Trong trường hợp của tôi, tôi đang tìm kiếm một phím ctrl keydown và bấm vào sự kiện. jquery của tôi trông như thế này:

$('.linkAccess').click(function (event) { 
    if(true === event.ctrlKey) { 

    /* Extract the value */ 
    var $link = $('.linkAccess'); 
    var value = $link.val(); 

    /* Verified if the link is not null */ 
    if('' !== value){ 
     window.open(value); 
    } 
    } 
}); 

đâu "linkAccess" là tên lớp đối với một số lĩnh vực cụ thể, nơi tôi có một liên kết và tôi muốn truy cập nó bằng cách sử kết hợp của tôi chìa khóa và nhấn chuột.

Answer 8

tôi không thể có được nó để làm việc với .keypress(), nhưng nó làm việc với .keydown() chức năng như thế này:

$(document).keydown(function(e) { 
    if(e.key == "c" && e.ctrlKey) { 
     console.log('ctrl+c was pressed'); 
    } 
});