PHP，Jquery，JS。相互按下2个按钮，如何通过单击鼠标单击它们？

Question

可以点击，点击一下鼠标即可点击2个按钮？我的意思是如果按钮If在彼此之间。

我试图隐藏（将opaticy设置为0）其中一个，但只有一个被点击，其中一个在前面。

也许我可以使用pointer-events，但我不知道如何成功？或者根本不可能？

我尝试了pointer-events: none;，但它根本禁用了一个按钮。那你能帮帮我吗？谢谢。

Answer 1

假设你有两个按钮，如：

<input type="submit" name="savebutton" class="first button" />
<input type="submit" name="savebutton" class="second button" />

现在你只需要创建一个jquery函数来点击第一个按钮触发第二个按钮：

jQuery("input.first").click(function(){
   // trigger second button by javascript
    $(".second").click();
   return false;
});

Answer 2

如果你想在不同的元素上调用事件函数，使用单独的函数要容易得多：

var clickFunction1 = function(e) {
   // e.target will have targeted element if you need it
   // some code
   clickFunction2(e);
}

var clickFunction2 = function(e) {
   // some code
   clickFunction1(e);
}

$('#button-1').click(clickFunction1);
$('#button-2').click(clickFunction2);

jsfiddle：http://jsfiddle.net/g9K6N/

如果我没有弄错如果用户执行活动，您也可以自己致电click活动

$('#button-1').click(function() {
    $('#button-2').click();
});

Answer 3

你可以通过javascript点击第二个

$("#first button id").click(function(){
 $("#second button id").click();
})

Answer 4

function GetAllElementsAt(x, y) {
    var $elements = $("body *").map(function() {
        var $this = $(this);
        var offset = $this.offset();
        var l = offset.left;
        var t = offset.top;
        var h = $this.height();
        var w = $this.width();

        var maxx = l + w;
        var maxy = t + h;

        return (y <= maxy && y >= t) && (x <= maxx && x >= l) ? $this : null;
    });

    return $elements;
}

Answer 5

只需复制并粘贴此代码......

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("#my-group :button").click(function(){
    alert('testing...');
  });
});
</script>
<div id="my-group">
    <input type="button" name="Finish" value="Finish">
    <input type="button" name="Update" value="Update">
    <input type="button" name="Cancel" value="Cancel">
</div>

<div id="not-my-group">
    <input type="button" name="Finish" value="Finish">
    <input type="button" name="Update" value="Update">
    <input type="button" name="Cancel" value="Cancel">
</div>