Hướng dẫn javascript button onclick attribute - nút javascript thuộc tính onclick

❮ Thuộc tính sự kiện HTML

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ử »

Thêm ví dụ "hãy thử nó" dưới đây.

---

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

Thuộc tính Onclick bắn vào chuột nhấp vào phần tử.

---

Hỗ trợ trình duyệt

Thuộc tính sự kiện
trong một cái nhấp chuột	Đúng	Đúng	Đúng	Đúng	Đúng

---

Cú pháp

Giá trị thuộc tính

Giá trị	Sự mô tả
script	Kịch bản sẽ được chạy trên onclick

Chi tiết kỹ thuật

Thẻ HTML được hỗ trợ:	Tất cả các yếu tố HTML, ngoại trừ: ,,,,,,,,,,,,,,

---

Nhiều ví dụ hơn

Thí dụ

Nhấp vào một phần tử để thay đổi màu văn bản của nó thành màu đỏ:

Nhấp vào tôi để thay đổi màu văn bản của tôi.

function myFunction () {& nbsp; & nbsp; document.getEuityById ("demo"). style.color = "red";}
function myFunction() {
  document.getElementById("demo").style.color = "red";
}

Hãy tự mình thử »

Thí dụ

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

Sao chép văn bản

hàm myFunction () {& nbsp; document.getEuityById ("field2"). value = document.getEuityById ("field1"). value;}
function myFunction() {
  document.getElementById("field2").value = document.getElementById("field1").value;
}

Hãy tự mình thử »

---

Thêm ví dụ "hãy thử nó" dưới đây.

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

❮ Thuộc tính sự kiện HTML

Tôi đã cố gắng thêm sự kiện Onclick vào các yếu tố mới mà tôi đã thêm vào JavaScript.

Nội dung chính ShowShow

• Chúng ta có thể thêm onclick vào thẻ div không?
• Thuộc tính chính xác nào để đính kèm một sự kiện nhấp vào một phần tử?
• Chúng ta có thể sử dụng onclick trong thẻ neo không?
• Làm thế nào Onclick hoạt động trong JavaScript?

Vấn đề là khi tôi kiểm tra Document.body.innerhtml Tôi thực sự có thể thấy onclick = alert ('blah') được thêm vào phần tử mới.

Nhưng khi tôi nhấp vào phần tử đó, tôi không thấy hộp cảnh báo đang hoạt động. Trong thực tế, bất cứ điều gì liên quan đến JavaScript không hoạt động ..

Đây là những gì tôi sử dụng để thêm phần tử mới:

function add_img() { 
  var elemm = document.createElement('rvml:image'); 
  elemm.src = 'blah.png';
  elemm.className = 'rvml';
  elemm.onclick = "alert('blah')";
  document.body.appendChild(elemm);
  elemm.id = "gogo";
  elemm.style.position='absolute';
  elemm.style.width=55;
  elemm.style.height=55;
  elemm.style.top=200;
  elemm.style.left=300;
  elemm.style.rotation=200; 
}

Đây là cách tôi gọi chức năng này:

add image

Bây giờ hình ảnh vẽ hoàn hảo bên trong trình duyệt. Nhưng khi tôi nhấp vào hình ảnh, tôi không nhận được cảnh báo đó.

Brett DeWoody

57.4K28 Huy hiệu vàng135 Huy hiệu bạc183 Huy hiệu Đồng28 gold badges135 silver badges183 bronze badges28 gold badges135 silver badges183 bronze badges

hỏi ngày 23 tháng 7 năm 2010 lúc 7:39Jul 23, 2010 at 7:39Jul 23, 2010 at 7:39

1

add image

0 phải được đặt thành một hàm thay vì một chuỗi. Thử

elemm.onclick = function() { alert('blah'); };

instead.

Đã trả lời ngày 23 tháng 7 năm 2010 lúc 7:42Jul 23, 2010 at 7:42Jul 23, 2010 at 7:42

Kennytmkennytmkennytmkennytm

500K101 Huy hiệu vàng1064 Huy hiệu bạc995 Huy hiệu Đồng101 gold badges1064 silver badges995 bronze badges101 gold badges1064 silver badges995 bronze badges

2

Bạn cũng có thể đặt thuộc tính:

elem.setAttribute("onclick","alert('blah');");

Đã trả lời ngày 7 tháng 6 năm 2018 lúc 19:54Jun 7, 2018 at 19:54Jun 7, 2018 at 19:54

2

Không chắc nhưng cố gắng:

elemm.addEventListener('click', function(){ alert('blah');}, false);

Đã trả lời ngày 23 tháng 7 năm 2010 lúc 7:42Jul 23, 2010 at 7:42Jul 23, 2010 at 7:42

KennytmkennytmkennytmBoris Delormas

500K101 Huy hiệu vàng1064 Huy hiệu bạc995 Huy hiệu Đồng101 gold badges1064 silver badges995 bronze badges1 gold badge19 silver badges27 bronze badges

3

Bạn cũng có thể đặt thuộc tính:

elemm.onclick = function(){ alert('blah'); };

Đã trả lời ngày 7 tháng 6 năm 2018 lúc 19:54Jun 7, 2018 at 19:54Jul 23, 2010 at 7:43

Không chắc nhưng cố gắng:

elemm.onclick = function() { alert('blah'); };

KennytmkennytmBoris Delormas

500K101 Huy hiệu vàng1064 Huy hiệu bạc995 Huy hiệu Đồng1 gold badge19 silver badges27 bronze badges

Đã trả lời ngày 7 tháng 6 năm 2018 lúc 19:54Jul 23, 2010 at 7:43Jul 23, 2010 at 7:44

Boris Delormasboris DelormasDavid Hedlund

2.4891 Huy hiệu vàng19 Huy hiệu bạc27 Huy hiệu đồng31 gold badges200 silver badges220 bronze badges

1

Bạn không thể gán một sự kiện theo chuỗi. Dùng nó:Jul 23, 2010 at 7:44

void addEventListener( 
  in DOMString type, 
  in EventListener listener, 
  in boolean useCapture 
); 

Đã trả lời ngày 23 tháng 7 năm 2010 lúc 7:43David Hedlund

Câu trả lời ngắn gọn: Bạn muốn đặt trình xử lý thành một hàm:31 gold badges200 silver badges220 bronze badges

Đã trả lời ngày 7 tháng 6 năm 2018 lúc 19:54Jul 23, 2010 at 7:43Jul 23, 2010 at 7:44

Boris Delormasboris Delormas

2.4891 Huy hiệu vàng19 Huy hiệu bạc27 Huy hiệu đồng

Bạn không thể gán một sự kiện theo chuỗi. Dùng nó:Jul 23, 2010 at 7:44

Đã trả lời ngày 23 tháng 7 năm 2010 lúc 7:43David Hedlund

Câu trả lời ngắn gọn: Bạn muốn đặt trình xử lý thành một hàm:31 gold badges200 silver badges220 bronze badgesMar 9, 2019 at 22:08

Câu trả lời dài hơn một chút: Bạn sẽ phải viết thêm một vài dòng mã để có được nó hoạt động một cách nhất quán trên các trình duyệt.bresleveloper

Thực tế là ngay cả mã dài hơn có thể giải quyết vấn đề cụ thể đó trên một tập hợp các trình duyệt phổ biến vẫn sẽ đi kèm với các vấn đề của riêng nó. Vì vậy, nếu bạn không quan tâm đến hỗ trợ trình duyệt chéo, hãy đi với cái hoàn toàn ngắn. Nếu bạn quan tâm đến nó và hoàn toàn chỉ muốn có được một điều duy nhất này, hãy đi với sự kết hợp của 3 gold badges32 silver badges47 bronze badges

add image

1 và

add image

2. Nếu bạn muốn có thể tạo rộng rãi các đối tượng và thêm và xóa trình nghe sự kiện trong suốt mã của bạn và muốn nó hoạt động trên các trình duyệt, bạn chắc chắn muốn ủy thác trách nhiệm đó cho một thư viện như JQuery.

Đã trả lời ngày 23 tháng 7 năm 2010 lúc 7:43

Câu trả lời ngắn gọn: Bạn muốn đặt trình xử lý thành một hàm:Jul 23, 2010 at 7:51

crazy2becrazy2becrazy2becrazy2be

add image

1 và

add image

2. Nếu bạn muốn có thể tạo rộng rãi các đối tượng và thêm và xóa trình nghe sự kiện trong suốt mã của bạn và muốn nó hoạt động trên các trình duyệt, bạn chắc chắn muốn ủy thác trách nhiệm đó cho một thư viện như JQuery.Mar 9, 2019 at 22:081 gold badge20 silver badges16 bronze badges

1

JQuery:

add image

3

or:

Đã trả lời ngày 23 tháng 7 năm 2010 lúc 7:44bresleveloperOct 12, 2018 at 6:15

David Hedlunddavid Hedlund3 gold badges32 silver badges47 bronze badgesAlex

127K31 Huy hiệu vàng200 Huy hiệu bạc220 Huy hiệu đồng1 silver badge8 bronze badges

2

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

Tôi không nghĩ bạn có thể làm điều đó theo cách này. Bạn nên sử dụng :Set the onClick prop on the div. The function you pass to the prop will get called every time the div is clicked. You can access the div as event.

Thuộc tính chính xác nào để đính kèm một sự kiện nhấp vào một phần tử?

Thuộc tính Onclick bắn vào chuột nhấp vào phần tử.onclick attribute fires on a mouse click on the element.onclick attribute fires on a mouse click on the element.

Chúng ta có thể sử dụng onclick trong thẻ neo không?

Sử dụng sự kiện Onclick: Thuộc tính sự kiện Onclick hoạt động khi người dùng nhấp vào nút.Khi chuột nhấp vào nút thì nút hoạt động giống như một liên kết và chuyển hướng trang vào vị trí đã cho.Sử dụng thẻ nút bên trong thẻ: Phương thức này tạo một nút bên trong thẻ neo.This method create a button inside anchor tag.This method create a button inside anchor tag.

Làm thế nào Onclick hoạt động trong JavaScript?

Sự kiện Onclick thực hiện một chức năng nhất định khi nhấp vào nút.Điều này có thể là khi người dùng gửi biểu mẫu, khi bạn thay đổi một số nội dung nhất định trên trang web và những thứ khác như thế.Bạn đặt chức năng JavaScript bạn muốn thực thi bên trong thẻ mở của nút.executes a certain functionality when a button is clicked. This could be when a user submits a form, when you change certain content on the web page, and other things like that. You place the JavaScript function you want to execute inside the opening tag of the button.executes a certain functionality when a button is clicked. This could be when a user submits a form, when you change certain content on the web page, and other things like that. You place the JavaScript function you want to execute inside the opening tag of the button.