javascript - Chrome 和 Firefox 中不触发鼠标按下事件

Question

我有一个非常烦人的问题。在 Chrome 和 Firefox 中，最后一个版本都不会触发 mousedown 事件。IE 11 工作正常。 http://jsfiddle.net/CyzT8/

稍后我想添加和删除小部件，所以我不能使用工作提取物。

        // DOES NOT WORK in Chrome and Firefox
        //$("#content_wrapper").mousedown(".resizer", function (e) {
        //    e.preventDefault();
        //    resizing = true;
        //    frame = $(this).parent();
        //});

        // DOES work in all browsers
        $(".resizer").mousedown(function (e) {
            e.preventDefault();
            resizing = true;
            frame = $(this).parent();
        });

Answer 1

我认为您不能在 .mousedown() 事件中以这种方式传递选择器。请参阅 http://api.jquery.com/mousedown/ 处的文档.所以以下是行不通的:

$("#content_wrapper").mousedown(".resizer", function (e) {
    e.preventDefault();
    resizing = true;
    frame = $(this).parent();
});

在你的 fiddle 中，第二个在 Chrome 中对我来说很好，我相信是正确的。

$("#content_wrapper").on("mousedown", ".resizer", function (e) {
    e.preventDefault();
    resizing = true;
    frame = $(this).parent();
});