Javascript 忽略基础元素的clickevent
这是我的密码Javascript 忽略基础元素的clickevent,javascript,html,onclick,Javascript,Html,Onclick,这是我的密码 <tr class="rood hoverpointer" onclick="javscript:submenu('PR1301301065','KN_KABEL', event);"> <td>PR1301301065</td> <td class="statusbalk"> <img class="active" src="img/stop-big.png" alt="Niet gestart
<tr class="rood hoverpointer" onclick="javscript:submenu('PR1301301065','KN_KABEL', event);">
<td>PR1301301065</td>
<td class="statusbalk">
<img class="active" src="img/stop-big.png" alt="Niet gestart" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',1,this)">
<img src="img/play-big.png" alt="Gestart" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',2,this)">
<img src="img/pause-big.png" alt="Gestopt" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',3,this)">
<img src="img/done-big.png" alt="Afgerond" onclick="javascript:setStatus('PR1301301065', 'KN_KABEL',4,this)">
</td>
</tr>
PR1301065
都是关于onclick事件的。当我单击我的表格行时,会触发函数
子菜单()
。那很好。但是,当我单击其中一个图像时,由于下面的tablerow,会触发setStatus()
和子菜单()
。我怎么能忽略tablerow的功能而只触发setStatus()
?当您调用子菜单时,您可以尝试切换以检查单击了哪个按钮。你
只需调用其他按钮,您的子菜单功能就会传递它们的id
<tr class="rood hoverpointer" id="trRood" onclick="javscript:submenu('PR1301301065','KN_KABEL', event,'trRood');">
<td>PR1301301065</td>
<td class="statusbalk">
<img class="active" id="img1" src="img/stop-big.png" alt="Niet gestart" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',1,this,'img1')">
<img src="img/play-big.png" id="img2" alt="Gestart" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',2,this,'img2')">
<img src="img/pause-big.png" id="img3" alt="Gestopt" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',3,this,'img3')">
<img src="img/done-big.png" id="img4" alt="Afgerond" onclick="javascript:submenu('PR1301301065', 'KN_KABEL',4,this,'img4')">
</td>
</tr>
function submenu(...,...,id){
switch(id)
case "trRood":
//do your normally function
break;
case "img1":
//Call your setStatus function
break;
case "img2":
//Call your setStatus function
break;
case "img3":
//Call your setStatus function
break;
case "img4":
//Call your setStatus function
break;
}
PR1301065
函数子菜单(…,…,id){
开关(id)
案例“trRood”:
//你的工作正常吗
打破
案例“img1”:
//调用setStatus函数
打破
案例“img2”:
//调用setStatus函数
打破
案例“img3”:
//调用setStatus函数
打破
案例“img4”:
//调用setStatus函数
打破
}
它是这样的。是的,您可以将HTML中的img标记更改为
<img src="img/done-big.png" alt="Afgerond" onclick="javascript:setStatus(event,'PR1301301065', 'KN_KABEL',4,this)">
在setStatus函数中的javascript add event.stopPropogation()中。这称为事件冒泡,可以解决-看看这里的事件值如何,我是否必须更改图像的onclick值并将“event”作为单独的参数添加到其中?是的,您需要访问事件