javascript当中option事件冒泡

最新推荐文章于 2024-03-26 09:00:42 发布

原创最新推荐文章于 2024-03-26 09:00:42 发布 · 317 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#option事件冒泡 #javascript #马克java社区 #mark-to-win #select option onclick

javascript 专栏收录该内容

119 篇文章

订阅专栏

4.option事件冒泡
马克-to-win：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>
例 4.2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
</HEAD>
<BODY>
<SELECT NAME="" onClick="document.getElementById('info').innerHTML+='select';" id="province" style="width:140px;background-color:red">

更多请见：https://blog.youkuaiyun.com/qq_43650923/article/details/103051109