Ngăn sự kiện onclick hàng trong bảng kích hoạt khi nhấp vào nút bên trong hàng

Question

Tôi có hàng trong bảng có sự kiện ONCLICK (chuyển đổi dữ liệu bổ sung bên dưới). Bên trong một trong các ô hàng tôi có một nút (khi được nhấp vào đang thực hiện một hành động AJAX). Khi tôi nhấp vào nút - sự kiện onclick của Hàng cũng sẽ kích hoạt và điều xảy ra là dữ liệu bổ sung xuất hiện trước khi cuộc gọi AJAX hoàn tất (đó là hành vi xấu đối với tôi). Bất kỳ ý tưởng nào tôi có thể giải quyết điều này một cách thanh lịch? (không xác định và mã hóa nó vào mã onclick của hàng) Cảm ơn

Answer 1

Thêm một event.stopPropagation(); vào nút của bạn click handler. Để biết thêm thông tin, hãy xem here và here.

Answer 2

Nếu bạn không thích các giải pháp javascript, trong nhiều trường hợp một giải pháp CSS có thể là tốt:

style="pointer-events: none;" 

Điều đó sẽ ngăn chặn các sự kiện onclick <tr>.

Tuy nhiên, trong một số trường hợp, tôi vẫn gặp sự cố không hoạt động. Trong phần lớn các trường hợp, tôi chỉ sử dụng kiểu ở trên.