I have the following code:
<div onclick="myFunc()" style="height:200px;width:200px;"> <button></button> </div>
I want myFunc to be executed when anywhere on the div is clicked, but not the button. How can I achieve this?
In the button click event, you need to cancel event propagation. Or stop "bubbling".
See https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation
So in your button's click event, you need to be like this:
function button_click(event) { event.stopPropagation(); console.log("按钮被点击了。"); }
By default, the click event of an element will be passed to its parent element.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
In the button click event, you need to cancel event propagation. Or stop "bubbling".
See https://developer.mozilla.org/en-US/docs/Web/API/Event/stopPropagation
So in your button's click event, you need to be like this:
function button_click(event) { event.stopPropagation(); console.log("按钮被点击了。"); }By default, the click event of an element will be passed to its parent element.