为什么在这种情况下 <tr> 的 onclick 不起作用？ [复制]答案

【问题标题】：Why onclick of <tr> is not working in this case? [duplicate]为什么在这种情况下 <tr> 的 onclick 不起作用？ [复制]
【发布时间】：2015-05-20 22:16:42
【问题描述】：

当我把它放在 JSFiddle http://jsfiddle.net/dad5m5vb/ 上时，<tr> 的奇怪 onclick 在我的情况下不起作用

这是 HTML：

<form id="form_city" action="">
    <table width="100%" border="1" cellspacing="0" cellpadding="0">
        <tr>
            <th>City Id</th>
            <th>City Name</th>
        </tr>
        <tr id="row1" onclick="rowClicked(this);">
            <td>1</td>
            <td>New York</td>
        </tr>
        <tr id="row2" onclick="rowClicked(this);">
            <td>2</td>
            <td>Los Angeles</td>
        </tr>
        <tr id="row2" onclick="rowClicked(this);">
            <td>3</td>
            <td>Chicago</td>
        </tr>
    </table>
</form>

这是 JavaScript：

function rowClicked(clickedRow) {
    alert(clickedRow);
}

单击任何行（标题除外）时，应调用 javascript 函数。但我没有从 javascript 函数中收到警报。为什么？

【问题讨论】：

这里：jsfiddle.net/dad5m5vb/1 - 你的函数需要是全局的，但是你已经使用了 JSFiddle 的默认 onload wrap（在左侧的 Frameworks & Extensions 下你需要把它放在 <head> 或<body>)。

标签： javascript html

【解决方案1】：

您必须将 JSFiddle onLoad 更改为 no wrap - in <head> (http://prntscr.com/77j08q)，以便代码在 <head> 中加载，而不是在 DOM 加载时加载。

【讨论】：