将mousedown事件注册为Google图表的点击

Question

我试图将mousedown事件作为点击发送给Google图表，尽管遇到了障碍，并且不确定为什么会收到以下错误。

我正在使用jQuery和google图表api，visualisationOverlay是图表顶部的绝对定位div，错误是当dispatchEvent将修改后的事件发送到google图表iframe时。

$('#visualizationOverlay').live('mousedown',function(e){
    e.type = "click";
    vis = document.getElementById($('#visualization').find('iframe').attr('id'));
    console.log(vis);
    vis.dispatchEvent(e);
});

我在Firefox中收到以下错误

NS_ERROR_ILLEGAL_VALUE: Component returned failure code: 0x80070057 (NS_ERROR_ILLEGAL_VALUE) [nsIDOMEventTarget.dispatchEvent]

我要去哪里的任何提示将不胜感激！

Answer 1

您无法触发触发到另一个元素的事件。 您需要创建一个新事件或仅使用jQuerys trigger 。

看一下这个例子 。 单击第一个元素将引发错误，第二个日志将按预期方式发送。

$('#id1').on('mousedown', function(e){
  e.type = 'click';
  $('#id2').get(0).dispatchEvent(e);
});

$('#id2').on('mousedown', function(e){
  $('#id1').trigger('click')
});

$('#id1').on('mousedown', function(e){
  console.log('mousedown');
});

$('#id2').on('click', function(e){
  console.log('click');
});