Hướng dẫn onclick event for div tag in html - sự kiện onclick cho thẻ div trong html

Tôi có thẻ div trong biểu mẫu của tôi mà không có thuộc tính id. Tôi cần đặt một sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

0 trên thẻ div này.

Mã HTML của tôi:

....

Tôi không muốn thêm một thuộc tính id vào thẻ div của mình.

Làm thế nào tôi có thể thêm một sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

0 trên thẻ này bằng JavaScript?

Syscall

18.4K10 Huy hiệu vàng33 Huy hiệu bạc 50 Huy hiệu Đồng10 gold badges33 silver badges50 bronze badges

Đã hỏi ngày 25 tháng 12 năm 2013 lúc 12:49Dec 25, 2013 at 12:49

Ashish Rathoreashish RathoreAshish Rathore

2.4489 Huy hiệu vàng51 Huy hiệu bạc91 Huy hiệu Đồng9 gold badges51 silver badges91 bronze badges

JavaScript thuần túy

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

jQuery

$(".drill_cursor").click(function(){
//do something
});

Syscall

18.4K10 Huy hiệu vàng33 Huy hiệu bạc 50 Huy hiệu Đồng10 gold badges33 silver badges50 bronze badges

Đã hỏi ngày 25 tháng 12 năm 2013 lúc 12:49Dec 25, 2013 at 12:56

0

Ashish Rathoreashish Rathore

 var div = document.getElementsByClassName('drill_cursor')[0];

 div.addEventListener('click', function (event) {
     alert('Hi!');
 });

2.4489 Huy hiệu vàng51 Huy hiệu bạc91 Huy hiệu ĐồngDec 25, 2013 at 12:52

JavaScript thuần túyEvgeny Samsonov

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

4 gold badges19 silver badges28 bronze badges

jQuery

....

Đã trả lời ngày 25 tháng 12 năm 2013 lúc 12:56

Thử cái này:

2.4489 Huy hiệu vàng51 Huy hiệu bạc91 Huy hiệu ĐồngDec 25, 2013 at 12:52

JavaScript thuần túymaja

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

16 gold badges76 silver badges120 bronze badges

3

jQuery

Đã trả lời ngày 25 tháng 12 năm 2013 lúc 12:56

 document.getElementsByClassName('drill_cursor')[0].onclick = function(){alert('1');};

Thử cái này:

2.4489 Huy hiệu vàng51 Huy hiệu bạc91 Huy hiệu ĐồngDec 25, 2013 at 12:52

JavaScript thuần túyZaheer Ahmed

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

11 gold badges73 silver badges109 bronze badges

jQuery

function addListener(event, obj, fn) {
    if (obj.addEventListener) {
        obj.addEventListener(event, fn, false);   // modern browsers
    } else {
        obj.attachEvent("on"+event, fn);          // older versions of IE
    }
}

element = document.getElementsByClassName('drill_cursor')[0];

addListener('click', element, function () {
    // Do stuff
});

Đã trả lời ngày 25 tháng 12 năm 2013 lúc 12:56Dec 25, 2013 at 12:53

Nhấp để sao chép văn bản từ trường đầu vào này sang trường khác:.

Thí dụ

Thực hiện JavaScript khi nhấp vào nút:

Nhấp vào đây

---

Hãy tự mình thử »

Định nghĩa và cách sử dụng

---

Sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 xảy ra khi người dùng nhấp vào một phần tử.

Trong javascript, sử dụng phương thức addEventListener ():

Nhấp vào đây

---

---

Hãy tự mình thử »

Bubbles:	Đúng
Cancelable:	Đúng
9-11	Chúng ta có thể thêm onclick vào thẻ div không?
Để đặt trình nghe onclick trên phần tử div trong React: Đặt onclick prop trên div. Hàm bạn chuyển đến chỗ dựa sẽ được gọi mỗi khi nhấp vào Div. Bạn có thể truy cập Div như sự kiện. HTML tags:	Làm cách nào để hiển thị một sự kiện div onclick?

---

Để hiển thị hoặc ẩn bằng một cú nhấp chuột, bạn có thể thêm trình nghe sự kiện Onclick vào phần tử. Trình nghe onClick cho nút sẽ có hàm sẽ thay đổi thuộc tính hiển thị của giá trị mặc định (không có khối).

Làm thế nào để tôi thực hiện một cú nhấp chuột có thể chia?

Phương thức addEventListener () được áp dụng thông qua thẻ để tạo một cú nhấp chuột trong javascript. Phương pháp được kích hoạt bởi một hiệp hội với một sự kiện cụ thể. Bằng cách xem xét nó, một mã được theo dõi với các thẻ để tạo một văn bản có thể nhấp trong JavaScript.

Nhấp vào đây

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 xảy ra khi người dùng nhấp vào một phần tử.
function myFunction() {
  document.getElementById("demo").style.color = "red";
}

Nhấp vào đây

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 xảy ra khi người dùng nhấp vào một phần tử.
function myFunction(element, color) {
  element.style.color = color;
}

Nhấp vào đây

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 xảy ra khi người dùng nhấp vào một phần tử.
function myFunction() {
  document.getElementById("field2").value =   document.getElementById("field1").value;
}

Nhấp vào đây

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 xảy ra khi người dùng nhấp vào một phần tử.
document.getElementsByTagName("BODY")[0].style.backgroundColor = "yellow";
}

Trong javascript, sử dụng phương thức addEventListener ():

object.AdDeventListener ("Nhấp", MyScript);

Chi tiết kỹ thuật

Loại sự kiện:
  document.getElementById("myDropdown").classList.toggle("show");
}

Nhấp vào đây

---

Hãy tự mình thử »

Định nghĩa và cách sử dụng

Sự kiện

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 xảy ra khi người dùng nhấp vào một phần tử.

Trong javascript, sử dụng phương thức addEventListener ():

object.AdDeventListener ("Nhấp", MyScript);

---

Chi tiết kỹ thuật

document.getElementsByClassName('drill_cursor')[0]
        .addEventListener('click', function (event) {
            // do something
        });

7 là tính năng DOM Cấp 2 (2001).

Nó được hỗ trợ đầy đủ trong tất cả các trình duyệt:

Trình duyệt Chrome	I E	Bờ rìa	Firefox	Cuộc đi săn	Opera
Đúng	9-11	Đúng	Đúng	Đúng	Đúng

---

Chúng ta có thể thêm onclick vào thẻ div không?

Làm cách nào để hiển thị một sự kiện div onclick?