我来帮你拆解一下问题的核心，其实是事件触发的顺序和逻辑导致的，分两种场景来看：

1. 真实点击按钮时（因为pointer-events:none，实际点的是父div） #

你给按钮加了pointer-events:none，这意味着用户点击按钮时，浏览器会直接把点击事件传给父div，根本不会触发按钮的原生点击事件。此时的执行流程是：

• 点击动作触发父div的内联onclick，先弹出confirm('Continue?')。
• 你确认后，代码才主动调用jQuery(this).children().click()触发按钮的点击事件。
• 按钮的事件处理函数执行，调用e.stopPropagation()——但这时候父div的onclick已经跑完了啊！而且按钮的点击是被主动调用的，不是通过事件冒泡触发的父div事件，所以这个stopPropagation()完全没用，它阻止的是按钮的事件往父元素冒泡，但父元素的事件早就先一步执行了。

2. 用代码主动触发按钮click()时 #

如果这时候父div的confirm还是弹出来了，说明按钮的点击事件冒泡到了父div，而你的stopPropagation()没生效？大概率是因为你搞反了事件触发的逻辑：

• jQuery的click()触发的事件会正常冒泡，但如果你的事件处理函数里的e.stopPropagation()没生效，可能是你误操作了事件对象？比如是不是写成e.preventDefault()了？
• 另外，内联的onclick属于DOM0级事件，和jQuery绑定的DOM2级事件在同一冒泡流里，stopPropagation()应该能阻止它。如果还是不行，可以试试e.stopImmediatePropagation()，不过这个主要是阻止同一元素上的其他事件，不是父元素的，大概率用不上。

根据你的需求——触发按钮点击时只执行按钮的逻辑，不弹父div的confirm，给你几个可行的方案：

方案1：把逻辑直接移到按钮上（最推荐） #

既然你最终是要触发按钮的提交，不如把确认逻辑直接绑在按钮上，去掉父div的内联事件：

<div style="cursor: pointer; display: inline-block; float: right">
  <button style="float: right;" class="form-submit-bold btn btn-default form-submit" id="edit-submit-password" name="op" value="Save Password" type="submit">Save Password</button>
</div>

jQuery('#edit-submit-password').on('click', function(e) {
  // 阻止事件冒泡到父div（如果父div还有其他点击逻辑的话）
  e.stopPropagation();
  if (confirm('Continue?')) {
    // 这里直接执行提交，比如触发表单提交
    this.form.submit();
  } else {
    // 取消默认的提交行为
    e.preventDefault();
  }
});

方案2：给父div的点击逻辑加判断，区分点击源 #

如果你必须保留父div的onclick，可以修改逻辑，只有点击div空白区域时才弹确认：

<div style="cursor: pointer; display: inline-block; float: right" onclick="if (event.target !== this) return; if (confirm('Continue?')) { jQuery(this).children().click(); }">
  <button style="float: right; pointer-events: auto;" class="form-submit-bold btn btn-default form-submit" id="edit-submit-password" name="op" value="Save Password" type="submit">Save Password</button>
</div>

这里把按钮的pointer-events:none改成auto，这样点击按钮时，事件目标是按钮，父div的onclick会直接跳过确认逻辑；只有点击div空白区域时才会触发确认。按钮的事件里的stopPropagation()可以保留，防止按钮事件冒泡到div。

方案3：主动触发时传递标记，跳过确认 #

如果要保留原有结构，可以在主动触发按钮点击时传一个自定义标记，让父div的逻辑识别并跳过确认：

// 主动触发按钮点击时，带自定义参数
jQuery('#edit-submit-password').trigger('click', { skipConfirm: true });

// 修改父div的内联onclick逻辑
<div onclick="const skip = event.detail?.skipConfirm; if (!skip && confirm('Continue?')) { jQuery(this).children().click(); }">...</div>

// 按钮的事件处理函数
jQuery('#edit-submit-password').on('click', function(e, data) {
  alert('hi');
  e.stopPropagation();
  if (data?.skipConfirm) {
    // 这里可以执行跳过确认后的逻辑
  }
});

这样就能区分是用户点击div触发的按钮点击，还是主动触发的，避免弹出不必要的确认框。

内容的提问来源于stack exchange，提问作者Srishty