javascript中何时触发内联事件？_Javascript_Html_Javascript Events

javascript中何时触发内联事件？

javascript html

javascript中何时触发内联事件？,javascript,html,javascript-events,Javascript,Html,Javascript Events,我的意思是，冒泡阶段或捕获阶段？冒泡阶段。你可以通过这个链接在支持W3C DOM的浏览器中，以这种方式注册的事件发生在冒泡阶段。也就是说，内部元素的事件在外部元素的事件之前激发。（大多数现代浏览器都应该如此……在较旧的Netscape浏览器中，情况正好相反。）您可以在给定的浏览器中非常轻松地进行测试。例如，尝试加载此测试页： <input onclick=".." /> 事件顺序测试页 ************* Javascript的好处在于，您可以轻松试用： <!

我的意思是，

冒泡阶段

或

捕获阶段

？

冒泡阶段。你可以通过这个链接

在支持W3C DOM的浏览器中，以这种方式注册的事件发生在冒泡阶段。也就是说，内部元素的事件在外部元素的事件之前激发。（大多数现代浏览器都应该如此……在较旧的Netscape浏览器中，情况正好相反。）

您可以在给定的浏览器中非常轻松地进行测试。例如，尝试加载此测试页：

<input onclick=".." />


事件顺序测试页
*************

Javascript的好处在于，您可以轻松试用：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html lang="en"> 
<head>
  <title>Event order test page</title>
</head>
  <body>
    <div onclick="alert('outer')">
      <div onclick="alert('inner')">
        *************
      </div>
    </div>
  </body>
</html>


Fooscript
功能日志（文本）
{
document.getElementById（'logger'）。innerHTML+=text+“
”；
}

这会导致在body事件之前触发foo

<html>
  <head>
    <title>Fooscript</title>
    <script type="text/javascript" language="javascript">
      function log(text)
      {
        document.getElementById('logger').innerHTML += text + "<br />";
      }
    </script>
  </head>
  <body onmousedown="log('body_down');" onmouseup="log('body_up');" onmouseclick="log('body_click');">
    <form action="test.php" method="get">
      <input type="button" name="foo" value="foo" onmousedown="log('foo_down'); return false;"  onmouseclick="log('foo_click'); return false;"  onmouseup="log('foo_up'); return false;"/>
    </form>
    <div id="logger">
    </div>
  </body>
</html>