如何从另一个控件调用 onclick 事件

How to call onclick event from another controls

本文关键字：调用 onclick 事件 控件 另一个      更新时间：2023-09-26

在我的html页面中，我有一个videojs播放器和一个按钮。Videojs播放器支持当用户单击它时，视频将暂停/播放的功能。所以，我想通过单击我的按钮调用视频js播放器的事件点击功能。我该怎么做？

这是我的代码。但它没有奏效。

<body>
  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"
      poster="http://video-js.zencoder.com/oceans-clip.png"
      data-setup="{}">
    <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' />
    <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' />
    <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />
    <track kind="captions" src="demo.captions.vtt" srclang="en" label="English"></track><!-- Tracks need an ending tag thanks to IE9 -->
  </video>
  <input type="button" onclick="test();">
<script>
    function test() {
        var myPlayer = videojs("example_video_1");
        myPlayer.onclick();
    };
</script>
</body>

试试这个：

function test() {
        var myPlayer = document.getElementById("example_video_1");
        myPlayer.click();
    };

如果你使用jQuery，这些事情会变得更容易，更方便。您可以从 jquery.com 下载

这是jquery的外观

$（"#example_video_1"）.click（）;

使用 jQuery，您还可以通过类或标签或任何其他属性选择元素。

相关文章：