JQuery：程序点击和手动点击之间有区别吗？

Question

我现在正在创建表的可选择和可拖动元素。这是 JsFiddle 链接（请按垂直选择测试）。第一次选择很好但是在第二次选择时，选择可能看起来像下面的图像

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

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

并检查确定点击事件为

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

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

  

加分问题：我的脚本或css在选择表格列时出现了什么问题？

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 链接。我还添加了 drag＆amp;删除，修复Chrome浏览器的紧凑性，选择在同一列中移动并删除活动。但我还没有得到我的OP 程序点击和手动点击之间是否存在差异？ 。

Answer 2

为了安全起见，某些浏览器将某些点击操作限制在实际用户交互的范围内。这可能是您无法触发点击事件的原因。

请参阅this previous discussion。