Question

我有以下div：

<div class="signature watermarkimage" style="border: dotted currentColor; border-image: none;" data-ordinal="1">
    <div style="margin: -1em 0px 1em !important; padding: 0px !important; width: 100% !important; height: 0px !important; -ms-touch-action: none;"></div>
    <canvas width="359" height="90" class="jSignature" style="margin: 0px; padding: 0px; border: currentColor; border-image: none; width: 100%; height: 90px; -ms-touch-action: none;"></canvas>
    <div style="margin: -1.5em 0px 1.5em !important; padding: 0px !important; width: 100% !important; height: 0px !important; position: relative; -ms-touch-action: none;"></div>
</div>

基本上想要捕获具有签名类的div的onmousedown！我能够以下列方式捕获onclick事件处理程序：

$(document).on("click", ".signature", function () {
    if ($(this).hasClass('watermarkimage')) {
        $(this).removeClass('watermarkimage');
    }
});

然而，当我试图以同样的方式捕捉到它时，它没有传播。我认为主要是由于一些语法错误，任何帮助都会高度鼓舞！提前谢谢。

Answer 1

使用mousedown事件

$(document).on("mousedown", ".signature", function () {

还要求检查元素是否具有类。如果元素具有类，removeClass将删除类，如果没有，它不会做任何事情。

$(document).on("mousedown", ".signature", function () {
    $(this).removeClass('watermarkimage');
});

jsfiddle Demo

如何捕获具有特定类的div的onmousedown事件

1 个答案: