javascript点击一行并触发该行"onclick”;事件
javascript to click a row and fire off that rows "onclick" event
我有一个表:
<table>
<th>Title</th>
<th>Artist</th>
<th>Length</th>
<tbody>
<?php
foreach ($lib as $name)
{
echo "<tr onmouseover='"ChangeColor(this, true);'"
onmouseout='"ChangeColor(this, false);'"
onclick='"dispSong('".$name->title. "','".$name->url."', this);'"><td>".$name->title."</td><td>".$name->artist."</td><td>".$name->time."</td></tr>";
}
?>
</tbody>
</table>
在javascript中,我可以找到下一行:
function dispSong(theSong, url, elem)
{
document.getElementById('currSong').innerHTML = theSong;
row = elem.rowIndex;
var song = document.getElementById('mp3');
song.src = url;
song.load();
}
function nextSong()
{
if (row == null) row = 1;
else{
alert(row+1);
}
document.getElementById('tr')[row].click;
var song = document.getElementById('mp3');
alert(song);
song.src = url;
song.load();
}
我有一个名为next的按钮,它在单击时调用nextSong函数。我想知道当按下下一个按钮时,我是否可以用程序点击下一行。
这段代码应该允许您以编程方式触发事件:
var target = document.getElementsByTagName('tr')[row];
if(document.dispatchEvent) { // W3C
var oEvent = document.createEvent( "MouseEvents" );
oEvent.initMouseEvent("click", true, true,window, 1, 0, 0, 0, 0, false, false, false, false, 0, null);
target.dispatchEvent( oEvent );
}
else if(document.fireEvent) { // IE
target.fireEvent("onclick");
}
一些关于Mozilla initMouseEvent的文档。
编辑:
这就像<a/>
元素的符咒,但似乎对"不起作用。。。
相关文章:
- Jquery:如何处理"停止/取消”;用户停止表单提交时的事件
- "关于“;事件未使用动态内容激发
- "/"当onclick事件时从URL中删除
- jQuery"该参考文献“;加载事件后未设置
- ExtJS::如何添加特定的"specialkey事件”;表示逗号到数字字段
- Node.js服务器在没有调用“;end()"用于服务器发送的事件
- jQuery获取"事件调用“;要素
- 我怎么能"保存“;变量客户端,这样我就可以在其他java脚本事件中使用它
- "粘贴“;Angular[ngPaste]中的事件
- "这个“;当我向事件处理程序函数添加参数时会发生更改
- javascript:如何更改"这个“;事件的作用域
- 为什么"结束”;音频html5的事件触发不止一次
- Jqgrid编辑类型:"选择“;事件
- 浏览器中的观察者模式javascript:订阅事件"添加了Dom元素“;并处理这个元素
- 点击使用WebDriver的链接上的事件显示“;javascript:void(0)"状态栏上
- 编码"在Javascript onclick事件中被视为真正的双引号-为什么
- DHTMLX”;onEditCell”;事件在“”之后调用;onClick"按钮事件
- 如何获得类似id的"invokedOn”;使用Bootstrap ContextMenu通过右键单击事件显示文
- 在KineticJS中;点击“;事件和“;contentClick"事件
- "在文件对话框中取消“;事件