javascript - 禁用父级点击，但保持子级点击事件处于 Activity 状态

我希望下面代码中的按钮具有click事件，但没有父div。

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<div id="myVideo">
    <video controls="" autoplay="" name="media">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
    <button id="myButton">Play Video</button>
</div>


</body>
</html>

我尝试使用css指针事件，但是如果父级有事件，则子级按钮不起作用。

最佳答案

var myVideo = document.getElementById("myVideo");

function playPause()
{
    if (myVideo.paused)
        myVideo.play();
    else
        myVideo.pause();
}

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

<div id="mydIV">
    <video ID="myVideo" controls="" autoplay="" name="media">
        <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    </video>
    <button onclick="playPause()">Play/Pause</button>
</div>


</body>
</html>

这对你有帮助
编码愉快。