Question

当我把它放在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函数的警报。为什么呢？

Answer 1

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

为什么onclick在这种情况下不起作用？

1 个答案: