Question

我正在处理确认消息以删除表单中的元素，但是当我按下键盘上的 ESC 按钮时，它就像我按下＆＃34;接受＆＃34;弹出消息上的按钮，是否有任何不允许的功能？或者我错误地使用它？

<button class="btn btn-danger btn-remove-e" onclick="return confirm('Are you sure to delete?')" data-tooltip="Delete element"><b>X</b>
</button>

Answer 1

这应该有效

<button type='button' class="btn btn-danger btn-remove-e" onclick="if (confirm('Are you sure to delete?')) { document.getElementById('myform').submit(); }" data-tooltip="Delete element"><b>X</b></button>

Answer 2

阻止通过附加onsubmit事件处理程序来提交表单;这也适用于链接：

＆＃13;

<!-- with a form -->

<form method="get" action="." onsubmit="return confirm('Are you sure to delete?')">
  <button class="btn btn-danger btn-remove-e" data-tooltip="Delete element"><b>X</b></button>
</form>

<!-- with a link -->

<a href="#" onclick="return confirm('Are you sure to delete?')">Delete</a>

＆＃13;

Answer 3

您可以使用event参数执行此操作，如果确认为false（同时按下ESC按钮），请在事件参数上调用preventDefault方法：

<script>
  function ask(e) {
    if(!confirm('Are you sure to delete?')) {
    	e.preventDefault();
    	return false;
    }
  }
</script>
<form method="get" action="#" onsubmit="alert('submit')">
  <button class="btn btn-danger btn-remove-e" data-tooltip="Delete element" 
          onclick="ask(event)">
    <b>X</b>
  </button>
</form>

Javascript：如果我按ESC按钮确认警报消息

3 个答案: