Question

我想要调用2个动作但是，如果从第一个事件返回false，则第二个不会运行：

<input type = "button" name="Send" onClick="check();send();">

有可能吗？

Answer 1

你能做点什么吗

<input type="button" name="Send" onClick="if(check()){send();}">

Answer 2

你不应该像这样内联javascript。

HTML：

<html>
  <head>
    <script type="text/javascript" src="myJavascript.js"></script>
    ...more stuff in head...
  </head>
  <body>
    <input type="button" name="Send" id="sendButton" />
  </body>
</head>

myJavascript.js：

window.onload = function() {
    document.getElementById("sendButton").onclick = function() {
        if (check()) {
            send();
        }
    };
};

这是非常简化的，但会让你开始正确的方向......

另外，你应该考虑使用一些javascript库来帮助“管道”，比如jQuery。它让生活变得简单......

一个较小的替代方案：

<script>
    function check() {
        // return true or false...
    }
    function send() {
        // do stuff
    }
    function handleClick() {
        if (check()) {
            send();
        }
    }
</script>

<input type="button" name="Send" onclick="handleClick();" />

Answer 3

你可以这样做：

<input type = "button" name="Send" onClick="myFun();">

然后在你的代码中有：

function myFun(){
  check();
  send();
}

Answer 4

最简单的方法：

<script type="text/javascript">
    function myfunc(){
       if(check()) send();
}
</script>

进入HTML：

<input type="button" onclick="myfunc();"/>

从一个Click事件调用多个函数

4 个答案: