Cách kích hoạt sự kiện nhấp chuột trên phần tử href

Tôi đang cố gắng kích hoạt sự kiện nhấp chuột trên siêu liên kết bằng jQuery như cách bên dưới. Siêu liên kết không có bất kỳ id nào nhưng nó có cssclass

 $(document).ready(function () {  $('.cssbuttongo').trigger('click'); }); 

Chức năng trên không hoạt động. Đây là siêu liên kết

<a href="hyperlinkurl" class="cssbuttongo">hyperlink anchor</a>

Tôi không có bằng chứng thực tế để chứng minh điều này nhưng tôi đã gặp phải vấn đề này. Có vẻ như việc kích hoạt sự kiện click () trên <a>thẻ dường như không hoạt động giống như cách bạn mong đợi với nút đầu vào.

Cách giải quyết mà tôi đã sử dụng là đặt thuộc tính location.href trên cửa sổ khiến trình duyệt tải tài nguyên yêu cầu như sau:

$(document).ready(function()
{
      var href = $('.cssbuttongo').attr('href');
      window.location.href = href; //causes the browser to refresh and load the requested url
   });
});

Biên tập:

Tôi sẽ thực hiện một js fiddle nhưng bản chất của câu hỏi đan xen với cách jsfiddle sử dụng iframe để hiển thị mã khiến điều đó trở nên vô ích.

Phương thức DOM gốc thực hiện đúng như sau:

$('.cssbuttongo')[0].click();
                  ^
              Important!

Điều này hoạt động bất kể đó hreflà URL, một đoạn (ví dụ #blah) hay thậm chí là một javascript:.

Lưu ý rằng điều này gọi clickphương thức DOM thay vì clickphương thức jQuery (rất không đầy đủ và hoàn toàn bị bỏ qua href).

_{Ngoài câu trả lời tuyệt vời của romkyns .. đây là một số tài liệu / ví dụ có liên quan.}

Phần tử DOM có một .click()phương thức gốc .

Các HTMLElement.click()phương pháp mô phỏng một click chuột trên một phần tử.

Khi nhấp chuột được sử dụng, nó cũng kích hoạt sự kiện nhấp chuột của phần tử sẽ bong bóng lên các phần tử cao hơn cây tài liệu (hoặc chuỗi sự kiện) và kích hoạt các sự kiện nhấp chuột của chúng. Tuy nhiên, sự kiện nhấp chuột nổi lên sẽ không làm cho một <a>phần tử bắt đầu điều hướng như thể một lần nhấp chuột thực đã được nhận. (mdn tham khảo)

Tài liệu W3 có liên quan .

Một vài ví dụ..

• Bạn có thể truy cập một phần tử DOM cụ thể từ một đối tượng jQuery: (ví dụ)

    $('a')[0].click();
  

• Bạn có thể sử dụng .get()phương thức này để truy xuất phần tử DOM từ đối tượng jQuery: (ví dụ)

    $('a').get(0).click();
  

• Như mong đợi, bạn có thể chọn phần tử DOM và gọi .click()phương thức. (thí dụ)

    document.querySelector('a').click();
  

Cần chỉ ra rằng jQuery không bắt buộc phải kích hoạt một .click()sự kiện gốc .

Việc kích hoạt một nhấp chuột qua JavaScript sẽ không mở ra một siêu liên kết. Đây là một biện pháp bảo mật được tích hợp trong trình duyệt.

Tuy nhiên, hãy xem câu hỏi này để biết một số cách giải quyết.

Chỉ muốn cho các bạn biết, câu trả lời được chấp nhận không phải lúc nào cũng hiệu quả.

Đây là một ví dụ nó sẽ thất bại.

nếu <href='/list'>

href = $('css_selector').attr('href')
"/list"
href = document.querySelector('css_selector').href
"http://localhost/list"

hoặc bạn có thể nối href bạn nhận được từ jQuery vào

href = document.URL +$('css_selector').attr('href');

hoặc cách jQuery

href = $('css_selector').prop('href')

Cuối cùng, gọi nó để thay đổi url của trang hiện tại của trình duyệt

window.location.href = href

hoặc bật nó ra bằng cách sử dụng window.open(url)

Đây là một ví dụ trong JSFiddle.

Tôi đã gặp phải một vấn đề tương tự như thế nào để nhấp vào một nút, thay vì một liên kết. Nó không thành công trong các phương pháp .trigger ('click') hoặc [0] .click () và tôi không biết tại sao. Cuối cùng, những điều sau đây đã làm việc cho tôi:

$('#elementid').mousedown();