javascript - HTML <select/> 如何防止点击父级的 div

标签 javascript html

我正在创建购物车页面,其中有一个 div 有一个点击监听器,用于重定向到产品页面,但您也可以在 div 上选择数量。从 <select/> 选择时如何防止重定向

我已经尝试过event.stopPropagation()/e.preventDefault()选择但不工作

这是示例代码。

https://jsfiddle.net/hk7861es/2/

最佳答案

可以通过event.target == this来测试目标是否是父div

示例:

$('#box').click(function(event) {
    if ( event.target == this ){ 
          $('#text').append('You clicked');
    }
})

fiddle :https://jsfiddle.net/hk7861es/3/

关于javascript - HTML <select/> 如何防止点击父级的 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47647110/

相关文章:

javascript - 获取 Express 中的 Requests 数量

javascript - 创建 24 的数组,其中奇数为空

javascript - jQuery 插件对象 : attached an event handler via . on() 现在有一个范围问题。 (主要插件对象)

javascript - 使用 Javascript 的井字游戏

javascript - 尽管我添加了高度 : 100%?,为什么我的 div 没有扩展到页面的全长

python - 使用 python Web 抓取数据?

javascript - 在父元素中查找变量作为选择器

javascript - 为什么 Internet Explorer 在新窗口而不是在动态插入的 iframe 中打开表单提交?

javascript - 创建一个按钮并在 Jquery 中为每个按钮放置不同的 id

javascript - 使用 jquery 删除两个跨度之间的内容