javascript - 相继注册两个不同的 mousedown 事件的好方法是什么？

Question

我需要将 JSON 发送到服务器。格式为 { "src": X, "dest": Y } 形式。

src 包含我单击的第一个项目的属性数组。 destination 是我在屏幕上单击的第二个项目。

现在这是我的基本结构:

$('img').on('mousedown', function(e) {
    // parse json for src and validate input
    let obj = {};
    obj.src = myvalidatedinput"
    // ...
});

如何确保单击一次填充对象的 src 属性，然后在第二次单击时获取对象的 dest 属性？另外，那时我想停止跟踪点击次数，然后重新开始。

Answer 1

在处理程序外部定义对象。然后，您可以根据已设置的值设置所需的属性。像这样的事情:

let obj = {};
$('img').on('mousedown', function(e) {
    if (!obj.src) {
        obj.src = /* get the src property value */;
    } else if (!obj.dest) {
        obj.dest = /* get the dest property value */;
        // send AJAX here

        // reset to start again on next mousedown:
        obj = {};
    }
});