Hướng dẫn add onclick attribute to element javascript - thêm thuộc tính onclick vào javascript phần tử

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.

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 badges

hỏi ngày 23 tháng 7 năm 2010 lúc 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:42

Kennytmkennytmkennytm

500K101 Huy hiệu vàng1064 Huy hiệu bạc995 Huy hiệu Đồng101 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: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:42

KennytmkennytmBoris Delormas

500K101 Huy hiệu vàng1064 Huy hiệu bạc995 Huy hiệu Đồng1 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:54Jul 23, 2010 at 7:43

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

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

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 badges

1

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.

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

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

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.

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: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:

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.

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

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:08

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

David Hedlunddavid Hedlund3 gold badges32 silver badges47 bronze badges

127K31 Huy hiệu vàng200 Huy hiệu bạc220 Huy hiệu đồ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 :

Tài liệu ngay tại đây.Jul 23, 2010 at 7:51

crazy2becrazy2becrazy2be

không thể nói tại sao, nhưng cú pháp ES5/6 không hoạt động1 gold badge20 silver badges16 bronze badges

1

JQuery:

elemm.attr("onclick", "yourFunction(this)");

or:

elemm.attr("onclick", "alert('Hi!')");

add image

3 không hoạt độngOct 12, 2018 at 6:15

add image

4 làm việcAlex

Đã trả lời ngày 9 tháng 3 năm 2019 lúc 22:081 silver badge8 bronze badges

2

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?