Javascript 如何在img html5标记中进行onclick调用带有参数的函数?
我希望我的img链接调用一个javascript函数,该函数将向函数sendName发送一个名称,该名称将是video.mp4名称。此时,sendName应该只显示一个警报 最后,我想在一个函数中调用jwplayer,我可以用电影名称发送一个参数,以便它播放特定的电影。名称valley.mp4是将放置的变量。如果我将jwplayer放在函数中,那么播放器将不会加载到屏幕上 所以当我点击一部电影的名字,它就会播放那部电影。这是我在家里用的Javascript 如何在img html5标记中进行onclick调用带有参数的函数?,javascript,Javascript,我希望我的img链接调用一个javascript函数,该函数将向函数sendName发送一个名称,该名称将是video.mp4名称。此时,sendName应该只显示一个警报 最后,我想在一个函数中调用jwplayer,我可以用电影名称发送一个参数,以便它播放特定的电影。名称valley.mp4是将放置的变量。如果我将jwplayer放在函数中,那么播放器将不会加载到屏幕上 所以当我点击一部电影的名字,它就会播放那部电影。这是我在家里用的 <li class="topfirst">&l
<li class="topfirst"><a href="#" style="width:574px;">
<img src="s/256base-open-over.png" onClick="sendName('a.mp4');">Dr. No. (1962)</a></li>
测试功能:
function sendName(name) {
alert(name);
}
您可以使用数据属性来存储参数。触发事件时,可以从event.target中删除目标,然后可以使用其数据属性
// based on jQuery
$('img').on('click', function (event) {
var btn = $(event.target);
sendName(btn.data('video-name'));
});
您应该遵循类似的模式。onclick,而不是onclick(使用html5 doctype),您可以发布一个这样的示例。
// based on jQuery
$('img').on('click', function (event) {
var btn = $(event.target);
sendName(btn.data('video-name'));
});