Mozilla停止父母锚标签行动-英雄云拓展知识分享

匿名投稿 213 2024-01-22

我有HTML代码。

在html父元素中是 Anchor tag 和子元素是 Dropdown.

我想要 stop parent behavious.

EXA。当用户单击下拉列表时，请调用下拉更改事件并停止parent锚标签的行动 onclick or href value

您可以在下面的URL中进行编辑 https://jsfiddle.net/z4c4gwxa/

看答案

您需要停止在下拉菜单的更改事件上传播，以避免其冒泡DOM树，并检查 e.target 在您的锚定标签的点击事件中，以确保其本身发射。

E.Stoppropagation

$( function () {$( "a" ).click( function ( e ) {
if ( ! $( e.target ).is( $( this ) ) ) {
return false;
}
alert( 'parent' );
} );
$( '#dropdown' ).change( function ( e ) {
e.stopPropagation();
alert($(this).val());
} )} )

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.js"></script><a href="javascript:void(0);">
<select id="dropdown">
<option value="1">Option1</option>
<option value="2">Option2</option>
<option value="3">Option3</option>
</select>
Click this part</a>

JSFIDDLE

🚀🌟 点击注册免费试用超级应用平台-英雄云企业级hpapaas 🌟🚀 😃👉🌐

免责声明：

本网址（www.yingxiongyun.com）发布的材料主要源于独立创作和网友匿名投稿。此处提供的所有信息仅供参考之用。我们致力于提供准确且可信的信息，但不对材料的完整性或真实性作出任何保证。用户应自行验证相关信息的正确性，并对其决策承担全部责任。对于由于信息的错误、不准确或遗漏所造成的任何损失，本网址不承担任何法律责任。本网站所展示的所有内容，如文字、图像、标志、音频、视频、软件和程序等的版权均属于原创作者。如果任何组织或个人认为网站内容可能侵犯其知识产权，或包含不准确之处，请即刻联系我们进行相应处理。