將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');
});