当用户使用 JavaScript 单击图像时，如何自动显示一个要求确认的对话框？

Question

我完全是 JavaScript 的新手，我有这个疑问。

我有这张可点击的图片：

 <img src="<%=request.getContextPath()%>/images/delete.png" alt="remove"
      id="RemoveProject"
      style="cursor: pointer;"
      title="remove"
      onClick="submitMyProjectAction('<s:property value="idProjectInfo"/>', this.id)"
  />

如您所见，当用户单击图片时，它会执行此 JavaScript 功能，只需提交一个表单：

function submitMyProjectAction(id, imgId) {
    alert(imgId);

    document.getElementById("projectActionId").value = id;
    document.getElementById("clickedActionId").value = imgId;
    document.getElementById('myProjectAction').submit();
}

我知道应该有一种方法可以自动打开对话框之类的东西，要求确认此操作。因此，如果用户单击是，则执行 submitMyProjectAction() JavaScript 函数。

但是我记不起这个东西的名字了。你能帮帮我吗？

Answer 1

我想 confirm() function 就是您要找的。

Answer 2

或者您可以使用 jQuery UI，并带有模态确认 (http://jqueryui.com/dialog/#modal-confirmation)。

因此，当用户单击图像时，将显示模态窗体。它会有两个按钮，点击"Confirm Action"会触发你想要的功能，submitMyProjectAction();

它将记录如下内容：

function BeforeSubmitMyProjectOption() {
        $( "#dialog-confirm" ).dialog({
          resizable: false,
          height:140,
          modal: true,
          buttons: {
            "Confirm Action": function() {
              submitMyProjectAction(id, imgId)
              $( this ).dialog( "close" );
            },
            Cancel Action: function() {
              $( this ).dialog( "close" );
            }
          }
        });

当用户使用 JavaScript 单击图像时，如何自动显示一个要求确认的对话框？

How to automatically show a dialog that ask confirmation when the user click in an image using JavaScript?

html

javascript

xhtml