jQuery: Phát hiện Chuột Nhấp và Mở Mục tiêu trong Tab Mới

Question

Tôi hiện đang thiết kế một ứng dụng diễn đàn đơn giản. Nó chủ yếu được cung cấp bởi jQuery/AJAX và tải mọi thứ trên cùng một trang; tuy nhiên, tôi biết rằng đôi khi người dùng muốn mở nhiều chủ đề cùng một lúc để xem chúng trong các tab mới khi duyệt một diễn đàn.

Giải pháp của tôi cho điều này là để phát hiện khi nút chuột giữa được nhấp và nút chuột trái được nhấp và thực hiện các hành động khác nhau sau đó. Tôi muốn tải mục tiêu bằng AJAX trong cửa sổ khi nhấn phím trái chuột, nếu không thì tải nó vào một tab mới.

Vấn đề duy nhất của tôi là tôi không biết cách mở một vị trí mục tiêu trong một tab mới với jQuery. Rõ ràng mở các tab mới tại sẽ không được phép, nhưng có cách nào để chỉ định loại hành vi này cho hành động do người dùng tạo không?

Cảm ơn!

Answer 1

Xin hãy nhìn mẫu mã. Nó có thể giúp

<script type='text/javascript'> 
    jQuery(function($){ 
     $('a').mousedown(function(event) { 
      switch (event.which) { 
       case 1: 
        //alert('Left mouse button pressed'); 
        $(this).attr('target','_self'); 
        break; 
       case 2: 
        //alert('Middle mouse button pressed'); 
        $(this).attr('target','_blank'); 
        break; 
       case 3: 
        //alert('Right mouse button pressed'); 
        $(this).attr('target','_blank'); 
        break; 
       default: 
        //alert('You have a strange mouse'); 
        $(this).attr('target','_self"'); 
      } 
     }); 
    }); 
</script> 

Answer 2

Tác vụ mặc định của nút chuột giữa là để mở trong tab mới.

Bạn có thể đặt thuộc tính đích siêu kết nối thành _blank để mở tab mới.

<a href="#link" target="_blank">Link</a> 

Bạn cũng có thể tham khảo cho câu hỏi này How to distinguish between left and right mouse click with jQuery

Answer 3

$('#element').mousedown(function(event) { 
      if(event.which == 3) { // right click 
       window.open("newlocation.html",""); 
      } 
    }); 

Xem nó sống http://jsfiddle.net/8CHTm/1/

Answer 4

<a href="some url" target="_newtab">content of the anchor</a> 

Trong javascript, bạn có thể sử dụng

$('#element').mousedown(function(event) { 
     if(event.which == 3) { // right click 
      window.open('page.html','_newtab'); 
     } 
}) 

Answer 5

Bạn cũng cần phải xem xét rằng ctrl-click và cmd nhấp chuột là được sử dụng để mở các tab mới (trong windows/linux và mac tương ứng. Vì vậy, đây sẽ là một giải pháp hoàn chỉnh hơn:

jQuery.isClickEventRequestingNewTab = function(clickEvent) { 
    return clickEvent.metaKey || clickEvent.ctrlKey || clickEvent.which === 2; 
}; 

Answer 6

Vui lòng thử "_newTab" thay vì "_blank"

window.open (URL "_newtab");