如何使img html5標簽中的onclick調用帶有參數的函數？

Question

我希望我的img鏈接調用一個JavaScript函數，該函數將向該函數sendName發送一個名為video.mp4的名稱。 此時，sendName應該只顯示一個警報。

最后，我想在函數中調用jwplayer，該函數可以發送帶有電影名稱的參數，以便它將播放特定的電影。 名稱Valley.mp4是放置變量的位置。 如果將jwplayer放在函數中，則播放器將不會加載到屏幕上。

因此，當我單擊電影名稱時，它將播放該電影。 這是我自己在家里使用的。

<li class="topfirst"><a href="#" style="width:574px;">
<img src="s/256base-open-over.png" onClick="sendName('a.mp4');">Dr. No. (1962)</a></li>

其他代碼在這里：

jwplayer("test").setup({
  playlist: [{
    image: "0001.jpg",
    sources: [
    {file: "valley.mp4",label: "144p"}
    ]
  }]
});

測試功能：

function sendName(name) {
  alert(name);
}

Answer 1

您可以使用數據屬性存儲參數。 觸發事件后，您可以使用event.target中的目標，然后可以使用其數據屬性。

// based on jQuery

$('img').on('click', function (event) {
  var btn = $(event.target);

  sendName(btn.data('video-name'));
});

您應該遵循類似的模式。