javascript - 如何点击具体坐标？

Question

我需要使用在单击按钮后单击特定坐标的 jQuery(或任何东西)。

这是我的代码，但它不起作用。正如您在图片中看到的，这些坐标 (10,15) 中的红色按钮应该被单击。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script>
    $(function(){
        $("#filter").click(function(e){
             //If I add alert here It successfully print message.
             var e = new jQuery.Event("click");
                e.pageX = 10;
                e.pageY = 15;
                $("#elem").trigger(e);
        });
    });
    </script>

<input type="button" id="filter" name="filter" value="Filter" />

我已阅读此内容，但无济于事:Triggering a JavaScript click() event at specific coordinates

Answer 1

您基本上要做的是触发点击其他按钮，基于此按钮的点击。

你应该试试这样的东西

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
    <script>
    $(function(){
        $("#filter").click(function(e){
           $('#redbuttonID').trigger('click');
        });
    });
    </script>

不需要设置e.pageX等的其余代码

看到这个:http://jsfiddle.net/J9v6z/

编辑:

您可以使用 x/y 坐标获取元素 - 因此您可以在 x/y 坐标处触发元素上的点击事件。

$(document.elementFromPoint(x, y)).click();

或

$(document.elementFromPoint(x, y)).trigger('click');

https://developer.mozilla.org/En/DOM:document.elementFromPoint

编辑:根据您的要求更新 fiddle :

http://jsfiddle.net/J9v6z/1/