Question

我有一个像这样的画布列表：

<div id="lists" style="position:absolute">
        <ul>
            <li>
                <canvas id="product1" class="product" width="1200" height="360"></canvas>
            </li>
            <li>
                <canvas id="product2" class="product" width="1200" height="360"></canvas>
            </li>
            <li>
                <canvas id="product3" class="product" width="1200" height="360"></canvas>
            </li>
            <li>
                <canvas id="product4" class="product" width="1200" height="360"></canvas>
            </li>
            <li>
                <canvas id="product5" class="product" width="1200" height="360"></canvas>
            </li>
        </ul>
    </div>

我想为所有五个游说者写一个事件监听器：

$(".product").mousedown(function(e) {

}

我想知道用户在事件处理程序中单击了哪个画布。有没有办法知道这个？如果我为五幅画布写了五个事件处理程序，那么代码就太难了。

Answer 1

答案在事件对象及其调用的上下文中，这些是使用回调函数解析的。你可以查看$（this）或http://api.jquery.com/event.target/。

$(".product").mousedown(function(e) {
    alert($(this).attr('id'));
});

会给你ID

HTML5如何获取被点击的对象的ID？

1 个答案: