Javascript 多个点击事件HTML按钮_Javascript_Html_Dom Events_Buttonclick_Spring Expression Language

Javascript 多个点击事件HTML按钮

javascript html

Javascript 多个点击事件HTML按钮,javascript,html,dom-events,buttonclick,spring-expression-language,Javascript,Html,Dom Events,Buttonclick,Spring Expression Language,我只是想创建一个HTML按钮，它有两个onclick事件，但问题是第二个没有正确响应。下面是按钮标签： <input class="btn btn-default btn-responsive" type="button" onclick="return confirm('Cancel Changes?'); location.href='${cancelLink}'" value="Cancel Changes&quo

我只是想创建一个HTML按钮，它有两个

onclick

事件，但问题是第二个没有正确响应。下面是按钮标签：

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

由于location.href中的expression language，我一定做了一些不正确的事情，但我不确定它是什么，因为我对在这些情况下使用expression language非常不熟悉。不过我知道这个链接是有效的，因为如果我在带有

href=${cancelLink}

的“a”标记中使用它，它就有效了。任何帮助都将不胜感激。

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

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

这是您正在使用的功能：

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>


函数Click（）{确认（“取消更改”）；}

函数应该用JavaScript标记专门编写

<body>

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

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

</script>

</body>