Question

我这里有一个复杂的案例，但下面是一个简单的例子。我有两个按钮，每个按钮都有自己的onClick功能。当我点击按钮B时，我想调用按钮A的onClick功能。

<input id="buttonA" type="button" value="BUTTON A" onMouseUp="sayHiA()"></input>
<input id="buttonB" type="button" value="BUTTON B" onClick="sayHiB()"></input>

请注意，事件可以是onClick（）或onMouseUp（）

P.S。我必须只使用javascript。（没有jQuery）。感谢

Answer 1

<input type="button" onclick="fnc()"/>
<input type="button" id="message" onclick="alert('ok')" />
<script type="text/javascript">
function fnc()
{

document.getElementById("message").click();
}
</script>

你正在寻找这个吗？

Answer 2

<html>
<head>//I guess something like setTimeout(function,timeInMilliseconds)
    <script language = "javascript">
    function sayHiA(){
            var v  = document.getElementById('buttonB').getAttribute("onClick");
        setTimeout(v,0);
    }
    function sayHiB(){

        document.getElementById('para').innerHTML = 'wrote';

    }
</script>

</head>
<body>

<input id="buttonA" type="button" value="BUTTON A" onMouseUp="sayHiA()"></input>
<input id="buttonB" type="button" value="BUTTON B" onClick="sayHiB()"></input>

<p id = "para">
Write Here
</p>

</body>


</html>

Answer 3

function sayHiB() {
    sayHiA();
}

Answer 4

您是否尝试使用外置js？这是你在javascript中可以做的最基本的事情。

我让你成了一个小伙伴：http://jsfiddle.net/pjDVP/4/

html：

<input id='bta' type='button' value='button a'></input>
<input id='btb' type='button' value='button b'></input>

js（带jquery laoded）：

$(function(){
    $('#bta').click(function(){aORbClick();});
    $('#btb').click(function(){aORbClick();});
})

function aORbClick(){alert('I clicked a or b');}

Answer 5

只需从sayHiA调用函数sayHiB或在之后调用它。

来自sayHiB的电话

function sayHiB()
{
   sayHiA();
}

或之后

<input id="buttonB" type="button" value="BUTTON B" onClick="sayHiB(); sayHiA();"></input>

或更简单的方法是使用jQuery，所以你可以这样做

function sayHiB(){
   if($('#id-of-a').attr('onclick'))
       $('#id-of-a').click();
   else if ($('#id-of-a').attr('onmouseup'))
       $('#id-of-a').mouseUp();

}

Answer 6

function sayHiB(){
    $('#buttonA').click();
}

Raw JS：

function sayHiB(){
    var buttonA = document.getElementById('buttonA');
    buttonA.onclick.apply(buttonA); // in onclick function you can get buttonA as 'this'
}

Answer 7

我可能会创建一个通用函数来打开按钮的名称/ id以确定要做什么 - 这也会使您的代码独立于用于调用该函数的事件属性。

HTML：

<input id="buttonA" type="button" value="BUTTON A" onMouseUp="myFunc(this)"></input>
<input id="buttonB" type="button" value="BUTTON B" onClick="myFunc(this)"></input>

JavaScript的：

function myFunc(elem){
    switch(elem.id){
        case 'buttonA':
            sayHiA();
            break;
        case 'buttonB':
            sayHiB();
            sayHiA();
            break;
    }
}

这也有助于您可能需要的任何DOM操作，因为单击的按钮被传递给通用函数myFunc，允许您快速访问其他属性或附近元素。

从另一个按钮调用按钮的功能

7 个答案: