javascript - 查询 : Is there a difference between a programmatic click and a manual click?

Question

我现在正在创建表格的可选和可拖动元素。这是 JsFiddle 链接 (请测试垂直选择)。第一次选择没问题，但第二次选择时，可能会像下图一样选择

我注意到，在第一次选择之后，我单击表格的标题，这可能会修复第二次选择。因此，我决定在完成每个选择后以编程方式单击表格的标题

function mouseReleased(e) {
    jQuery(".scheduler .header")[0].click();
    ......
}

并检查确定的点击事件为

jQuery(".scheduler .header").click(function(e) {
    console.log("Header Clicked !!");
});

为什么这不起作用？以编程方式点击和手动点击元素之间有区别吗？

bonus question : What's wrong with my script or css for achieve selecting columns of table fine ?

Answer 1

现在我喜欢我的问题的解决方案。这个问题是由于可选择的元素引起的。现在我阻止了表的 td 标记的选择事件。查看更多 how to disable selecting events of elements .现在我在我的 JS 文件中添加以下脚本，一切顺利。

$(".item").attr('unselectable', 'on').css({
    '-moz-user-select' : '-moz-none',
    '-moz-user-select' : 'none',
    '-o-user-select' : 'none',
    '-khtml-user-select' : 'none',
    '-webkit-user-select' : 'none',
    '-ms-user-select' : 'none',
    'user-select' : 'none'
}).bind('selectstart', function() {
    return false;
});

此处更新 JsFiddle 链接。我还添加了拖放、修复 Chrome 浏览器的可压缩性、选择在同一列内移动并删除事件。但是我还没有得到我的 OP 程序化点击和手动点击之间有区别吗？。