从 div 的子级中删除“onclick”命令

Question

我正在一个网站上工作，我有一个主要的div. 我希望所有的div页面区域都充当链接（单击它将导致提交表单并移动到另一个页面），因此我添加了该div属性：

<div class="box1" onclick="javascript:document.forms['womenForm'].submit();" ...>

除了该 div 内的 HTML 选择之外，该区域中的所有内容都应该链接到下一页，但应该可以单击而无需移动到下一页。

我怎样才能导致这种情况发生？我尝试用 div 包装选定的元素，给它href=""oronclick=""但仍然提交表单。

有人能解决这个问题吗？

Answer 1

您需要停止事件在层次结构中的冒泡......

使用 onclick 属性你可以做到这一点

onclick="event.cancelBubble=true;if(event.stopPropagation) event.stopPropagation();return false;"在选择的元素上。