Javascript 点击事件在Chrome和FireFox中不起作用,但在IE浏览器中效果良好
我希望用户单击表中的td来调用javascript函数,但在IE中可以正常工作,但在chrome和firefox浏览器中则不行Javascript 点击事件在Chrome和FireFox中不起作用,但在IE浏览器中效果良好,javascript,google-chrome,firefox,Javascript,Google Chrome,Firefox,我希望用户单击表中的td来调用javascript函数,但在IE中可以正常工作,但在chrome和firefox浏览器中则不行 <td id="tdMon" class="space15" style="cursor: pointer;" onclick="HandleClick1(this);"> <div id="dvDay1" runat="server"> <div class="booking-day">
<td id="tdMon" class="space15" style="cursor: pointer;" onclick="HandleClick1(this);">
<div id="dvDay1" runat="server">
<div class="booking-day">
<asp:Label ID="lblDay1" runat="server" Text=""></asp:Label>
<asp:LinkButton ID="lnk1" runat="server" Text="" OnClick="lnk1_Click" CommandName="click"
CommandArgument=""></asp:LinkButton>
| 
<asp:Label ID="lblhr1" runat="server" Text="-- hr(s)" ForeColor="red"></asp:Label>
</div>
</div>
</td>
| 
--页尾--
功能手柄Click1(objTD){
var lnk=objTD.getElementsByTagName(“a”);
如果(lnk[0]。禁用==false)
document.getElementById(“”)。单击();
其他的
返回false;
}
使用内联函数/样式是个坏主意。考虑到您已经拥有td的ID:
function init(){
document.getElementById('tdTue').onclick=function(){};
}
window.onload=init;
如果您想使用jquery之类的工具,这可能是一个更好的模型。我确信这个函数只是一个例子。这只会触发单击具有数据链接rel属性的TDs,并搜索等效链接
$(function () {
$("table").on("click", "td[data-link-rel]", function () {
var linkRel = $(this).data("link-rel"),
selector = "a[data-link=" + linkRel + "]";
$(selector).trigger('click');
});
$("a").on("click", function () {
$("<li> I clicked on " + $(this).text() + "</li>").appendTo('ul');
});
});
$(函数(){
$(“表”)。在(“单击”,“td[数据链接相关]”,函数(){
var linkRel=$(this).data(“link rel”),
选择器=“a[data link=“+linkRel+”]”;
$(选择器).trigger('click');
});
$(“a”)。在(“单击”)上,函数(){
$(“我点击了“+$(this).text()+” ”).appendTo('ul');
});
});
带标记的JSFIDLE:
你关闭了td标签吗?是的,我关闭了td标签@Jacob…@Suresh Savage从你的脚本标签中取出这个:language='javascript'@AlexShilman它不起作用了。试过了。控制台里有什么?有人提到要使用jQuery吗?
$(function () {
$("table").on("click", "td[data-link-rel]", function () {
var linkRel = $(this).data("link-rel"),
selector = "a[data-link=" + linkRel + "]";
$(selector).trigger('click');
});
$("a").on("click", function () {
$("<li> I clicked on " + $(this).text() + "</li>").appendTo('ul');
});
});