如何使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'));
});

您应该遵循类似的模式。