外部事件比内部事件提高

时间:2014-01-02 08:14:16

标签: javascript html-table

我创建了以下html:

<table>
       <tr>
           <td onclick="window.location.href = 'Add.html'">
                1
                <div onclick="window.location.href = 'Update.html'">
                    Update me
                </div>
           </td>
       </tr>
</table>

当我点击td时,它会重定向Add.html。没关系。但是当我点击div时,它也会重定向到Add.html页面。我想重定向到Update.html页面。

1 个答案:

答案 0 :(得分:2)

<强> DEMO

<table>
       <tr>
           <td onclick="loadUrl(event,'add.html')">
                Add me
                <div onclick="loadUrl(event,'update.html')">
                    Update me
                </div>
           </td>
       </tr>
</table>

<强>的JavaScript

function loadUrl(ev,url)
{
    var e = ev || window.event;
    alert(url);

    // do whatever you want


    e.cancelBubble = true;
    if (e.stopPropagation) e.stopPropagation();
}