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

您应该遵循类似的模式。