多个点击事件 HTML 按钮

Question

我只是想创建一个 HTML 按钮，它有两个onclick事件，但问题是第二个没有正确响应。 这是下面的按钮标签：

<input class="btn btn-default btn-responsive" type="button" onclick="return confirm('Cancel Changes?'); location.href='${cancelLink}'" value="Cancel Changes"/>

由于 location.href 中的表达式语言，我一定做错了什么，但我不确定它是什么，因为我非常不熟悉在这些情况下使用表达式语言。 我确实知道这个链接可以工作，因为如果我在带有href=${cancelLink}的“a”标签中使用它，它就可以工作。 任何帮助，将不胜感激。

Answer 1

除非您多次单击该按钮，否则您不会有多个 onclick 事件。

您有一个单击事件侦听器，其中包含两个语句。

这是您正在使用的 function：

function () {
    return confirm('Cancel Changes?');
    location.href='${cancelLink}'
}

第一行有一个return语句，所以你永远不会到达第二行。

如果你想有条件地做某事，那么使用if语句，而不是 return 语句：

function () {
    if (confirm('Cancel Changes?')) {
        location.href='${cancelLink}'
    }
}

但是，您在这里所做的只是使用 JavaScript 来模拟常规链接：因此您应该使用常规链接：

<a class="btn btn-default btn-responsive" 
   onclick="return !confirm('Cancel Changes?')"
   href="${cancelLink}">
       Cancel Changes
</a>

Answer 2

<body>

<input class="btn btn-default btn-responsive" type="button" onclick="Click()" value="Cancel Changes"/>

<script>
    
    
    function Click(){ confirm("cancel changes"); }
    

</script>

</body>

Function 应该单独写在 JavaScript 标签中

多个点击事件 HTML 按钮

问题描述

2 个解决方案

解决方案1
0 2020-06-29 16:42:31

解决方案2
0 2020-06-29 16:47:33

多个点击事件 HTML 按钮

问题描述

2 个解决方案

解决方案1 0 2020-06-29 16:42:31

解决方案2 0 2020-06-29 16:47:33

解决方案1
0 2020-06-29 16:42:31

解决方案2
0 2020-06-29 16:47:33