Hướng dẫn how do you define onclick in css? - làm thế nào để bạn xác định onclick trong css?

49

Mới! Lưu câu hỏi hoặc câu trả lời và sắp xếp nội dung yêu thích của bạn. Tìm hiểu thêm.
Learn more.

Giả sử tôi muốn mỗi khi người dùng nhấp vào bất kỳ liên kết nào, cảnh báo bật lên có nội dung "hohoho". Tôi có cần thêm


3 vào mọi liên kết hay tôi có thể đặt cái này với CSS để nó hoạt động với mọi liên kết không?

Đã hỏi ngày 3 tháng 1 năm 2011 lúc 22:01Jan 3, 2011 at 22:01

Hướng dẫn how do you define onclick in css? - làm thế nào để bạn xác định onclick trong css?

Bạn không thể làm điều đó chỉ với CSS, nhưng bạn có thể làm điều đó với JavaScript và (tùy chọn) jQuery.

Nếu bạn muốn làm điều đó mà không có jQuery:


Và để làm điều đó mà không có jQuery, và chỉ trên một lớp cụ thể (ví dụ:


4):


Nếu bạn ổn với việc sử dụng jQuery, thì bạn có thể làm điều này cho tất cả các mỏ neo:


Và đoạn trích jQuery này chỉ áp dụng nó cho các neo với một lớp cụ thể:


Đã trả lời ngày 3 tháng 1 năm 2011 lúc 22:07Jan 3, 2011 at 22:07

Alex Vidalalex VidalAlex Vidal

4.05019 Huy hiệu bạc22 Huy hiệu đồng19 silver badges22 bronze badges

6

Bạn có thể làm điều này bằng cách nghĩ về nó một chút khác biệt. Phát hiện khi nhấp chuột (


5 - tức là bất cứ điều gì trên trang) và sau đó kiểm tra xem phần tử có nhấp không (

6 /

7) có lớp và tên lớp đó là cái bạn muốn không:

document.body.onclick = function(e) {   //when the document body is clicked
    if (window.event) {
        e = event.srcElement;           //assign the element clicked to e (IE 6-8)
    }
    else {
        e = e.target;                   //assign the element clicked to e
    }

    if (e.className && e.className.indexOf('someclass') != -1) {
        //if the element has a class name, and that is 'someclass' then...
        alert('hohoho');
    }
}

Hoặc một phiên bản ngắn gọn hơn của những điều trên:

document.body.onclick= function(e){
   e=window.event? event.srcElement: e.target;
   if(e.className && e.className.indexOf('someclass')!=-1)alert('hohoho');
}

Izstas

4.9243 Huy hiệu vàng46 Huy hiệu bạc55 Huy hiệu Đồng3 gold badges46 silver badges55 bronze badges

Đã trả lời ngày 4 tháng 1 năm 2011 lúc 1:11Jan 4, 2011 at 1:11

Kennebeckennebeckennebec

101K31 Huy hiệu vàng104 Huy hiệu bạc126 Huy hiệu đồng31 gold badges104 silver badges126 bronze badges

1

Bạn có thể làm điều đó với jQuery.

$('.myClass').click(function() {
  alert('hohoho');
});

Đã trả lời ngày 3 tháng 1 năm 2011 lúc 22:03Jan 3, 2011 at 22:03

NovikovnovikovNovikov

4.3392 Huy hiệu vàng26 Huy hiệu bạc36 Huy hiệu Đồng2 gold badges26 silver badges36 bronze badges

4

Nó không thể được thực hiện thông qua CSS vì CSS chỉ thay đổi bản trình bày (ví dụ: chỉ JavaScript mới có thể thực hiện cửa sổ bật lên cảnh báo). Tôi thực sự khuyên bạn nên kiểm tra một thư viện JavaScript có tên JQuery vì nó làm cho việc làm một cái gì đó như tầm thường này:

$(document).ready(function(){
  $("a").click(function(){
    alert("hohoho");
  });
});

Đã trả lời ngày 3 tháng 1 năm 2011 lúc 22:05Jan 3, 2011 at 22:05

Hướng dẫn how do you define onclick in css? - làm thế nào để bạn xác định onclick trong css?

Theo đề xuất JCOC611:

window.onload = function() {    
    let elements = document.getElementsByClassName("someClassName");

    for(let i = 0; i < elements.length; i++) {
        elements[i].onclick = function () {
            alert("Clicked in an element of the class.");
        }
    }
};

Đã trả lời ngày 9 tháng 4 năm 2021 lúc 1:36Apr 9, 2021 at 1:36

Hướng dẫn how do you define onclick in css? - làm thế nào để bạn xác định onclick trong css?

Viniciusssviniciusssviniciussss

4.2482 Huy hiệu vàng25 Huy hiệu bạc38 Huy hiệu Đồng2 gold badges25 silver badges38 bronze badges

Đây là giải pháp của tôi thông qua CSS, nó hoàn toàn không sử dụng bất kỳ JavaScript nào

HTML:

Open Modal

X

Modal Box

This is a sample modal box that can be created using the powers of CSS3.

You could do a lot of things here like have a pop-up ad that shows when your website loads, or create a login/register form for users.

CSS:


0

CSS cảnh báo không JavaScript chỉ là HTML và CSS thuần túy

Tôi tin rằng nó sẽ làm thủ thuật cho bạn như nó có cho tôi

Đã trả lời ngày 15 tháng 2 năm 2016 lúc 17:27Feb 15, 2016 at 17:27

Hướng dẫn how do you define onclick in css? - làm thế nào để bạn xác định onclick trong css?

PanchipanchiPanchi

2851 Huy hiệu vàng3 Huy hiệu bạc11 Huy hiệu đồng1 gold badge3 silver badges11 bronze badges

Nhiều thư viện JavaScript của bên thứ 3 cho phép bạn chọn tất cả các yếu tố có lớp CSS của một tên cụ thể được áp dụng cho chúng. Sau đó, bạn có thể lặp lại các yếu tố đó và tự động gắn trình xử lý.

Không có cách thức cụ thể của CSS để làm điều này.

Trong jQuery, bạn có thể làm:


1

Đã trả lời ngày 3 tháng 1 năm 2011 lúc 22:05Jan 3, 2011 at 22:05

Theo đề xuất JCOC611:Erik Noren

Đã trả lời ngày 9 tháng 4 năm 2021 lúc 1:361 gold badge23 silver badges29 bronze badges

Viniciusssviniciusss

4.2482 Huy hiệu vàng25 Huy hiệu bạc38 Huy hiệu Đồng

Đây là giải pháp của tôi thông qua CSS, nó hoàn toàn không sử dụng bất kỳ JavaScript nàoDec 5, 2020 at 11:04

Hướng dẫn how do you define onclick in css? - làm thế nào để bạn xác định onclick trong css?

CSS cảnh báo không JavaScript chỉ là HTML và CSS thuần túyFanky

Tôi tin rằng nó sẽ làm thủ thuật cho bạn như nó có cho tôi1 gold badge17 silver badges19 bronze badges

Làm thế nào để bạn đặt onclick vào CSS?

Đây là cách sử dụng chức năng CSS Onclick:..
Thêm nhãn vào hộp kiểm của bạn ..
Cung cấp cho nhãn một ID khớp với ID của hộp kiểm ..
Trong CSS của bạn, sử dụng: Đã kiểm tra để nhắm mục tiêu trạng thái đã kiểm tra của hộp kiểm ..

Làm thế nào để bạn xác định một chức năng onclick?

Sự kiện Onclick..
Thí dụ.Thực hiện JavaScript khi nhấp vào nút: ....
Trong HTML: ....
Nhấp vào A để hiển thị ngày: ....
Nhấp vào một phần tử để thay đổi màu văn bản: ....
Một ví dụ khác về cách thay đổi màu của một phần tử: ....
Nhấp để sao chép văn bản từ trường đầu vào này sang trường khác:.

CSS có onclick không?

Chúng tôi không thể đạt được sự kiện JavaScript chính xác trong CSS.Tuy nhiên, chúng tôi có thể sử dụng thủ thuật CSS để mô phỏng một sự kiện Onclick.Khái niệm cốt lõi đằng sau thủ thuật này là việc sử dụng hộp kiểm và thẻ nhãn.Chúng ta có thể đính kèm chúng bằng cách sử dụng cùng một giá trị cho thuộc tính ID trong hộp kiểm và thuộc tính cho nhãn trong nhãn.. However, we can use a CSS trick to simulate an onclick event. The core concept behind this trick is the use of a checkbox and the label tag. We can attach them using the same value for the id attribute in the checkbox and the for attribute in label .

Làm thế nào để tôi cho onclick?

Thuộc tính Onclick là một thuộc tính sự kiện được hỗ trợ bởi tất cả các trình duyệt.Nó xuất hiện khi người dùng nhấp vào phần tử nút.Nếu bạn muốn tạo một nút onclick, bạn cần thêm thuộc tính sự kiện Onclick vào phần tử.add the onclick event attribute to the