javascript - 如何使用 javascript 进行 mousedown 事件来隐藏 div？

Question

我正在尝试使用下面的代码使用 mousedown 事件隐藏 div，但它不起作用。

我已经尝试对此代码进行很多更改，但没有任何运气。

这是我下面的代码：

function simulateMouseDown(theelement){
   var eventName = 'mousedown';
   if(theelement.dispatchEvent){
    var event = document.createEvent("MouseClick");
    event.initMouseEvent(eventName, true, true, window);
    alert(theelement.dispatchEvent(event));

   }else if(theelement.fireEvent){ // IE7 and below
     theelement.fireEvent('on'+eventName);
     alert(theelement.dispatchEvent(event));
   }
};

关于正确方法的任何想法？

Answer 1

var div    = document.getElementById('test'),
    iframe = document.getElementsByClassName('myiframe')[0];

iframe.contentWindow.document.addEventListener('click', function(event) {
    div.style.display = 'none';
}, false);

小提琴

Answer 2

document.getElementById('myButton').addEventListener('mousedown', function(evt){
    document.getElementById('elementToHide').style.display='none';
}, true);