Html làm cho văn bản có thể nhấp mà không biến nó thành siêu liên kết

Question

Tôi rất mới sử dụng html và javascript. Tôi muốn thêm khả năng có tùy chọn để nhấp vào văn bản nhất định và thực hiện javascript đúng. Có bất kỳ mã tham chiếu nào tôi có thể xem hoặc hướng dẫn có thể giúp tôi không?

Answer 1

cho ngữ nghĩa tôi muốn sử dụng một thẻ <button> như thế này:

<button class="link">Clicky</button> 

để làm cho nút trông giống như văn bản bình thường, bạn có thể sử dụng css:

button.link { background:none;border:none; } 

và cho yên thân của bàn nhấp chuột tôi 'd sử dụng jquery như vậy:

$(".link").click(function(){ 
    //your JS here 
}); 

nhưng nếu bạn có ID trên nút bạn có thể sử dụng đồng bằng JS li ke này:

var button = document.getElementById("your-button-id"); 
button.onclick = function(){ 
    //do stuff 
} 

Answer 2

Yếu tố apropriate cho một điều khiển tương tác đó không phải là một liên kết ở đâu đó là một <button>Label</button> hoặc (<input type="button" value="Label">). (Bạn luôn có thể tạo kiểu cho đường viền và nền với CSS).

Bạn có thể liên kết một trình xử lý sự kiện click với nó bằng cách sử dụng API DOM chuẩn (hoặc thư viện tóm tắt chúng như YUI hoặc jQuery).

Answer 3

đặt văn bản trong một khoảng hoặc một phần tử khác với một lớp <span class="yourClass">text</span> và sau đó sử dụng javascript để thêm trình xử lý sự kiện (tốt nhất là ở cuối html của bạn.), Tôi sẽ giải thích với jQuery, mặc dù nó có thể được thực hiện với javascript bản địa.

<script> 
    $('.yourClass').on('click',function(){ 
    //your javacript 
    }); 
</script> 

Hoặc bạn có thể làm tìm kiếm thông qua tất cả các trang cho trường hợp của từ đó, mặc dù tôi không muốn giới thiệu rằng vì nó sẽ điều thực sự làm chậm.