javascript当中option事件冒泡

最新推荐文章于 2024-03-11 17:54:18 发布

仔仔尔

最新推荐文章于 2024-03-11 17:54:18 发布

阅读量211

点赞数

CC 4.0 BY-SA版权

原文链接：https://blog.csdn.net/mark_to_win/article/details/88681785

javascript 专栏收录该内容

73 篇文章

订阅专栏

本文探讨了HTML中option元素的事件处理机制，特别是在事件冒泡方面的特性。通过实例展示了在select元素及其子元素option上绑定事件监听器时的行为差异，重点分析了onChange和onClick事件在不同上下文中的表现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

4.option事件冒泡
onChange事件option谈不到，只有select才谈onChange。只有onClick事件二者都有，才谈到冒泡。
例 4.1（getElementsByTagName()IEFF.html）
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>

<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</HEAD>
<BODY>
<SELECT NAME="" onChange="document.getElementById('info').innerHTML+='select';" id="province" style="width:140px;background-color:red">
    <option onChange="document.getElementById('info').innerHTML+='option hong';">红</option>
    <option onChange="document.getElementById('info').innerHTML+='option lan';">兰</option>
    <option value="紫">紫1</option>
</SELECT>
<span id="info"></span>
</BODY>
</HTML>

更多请见：http://www.mark-to-win.com/tutorial/js_7_selectoptionBubble.html