web-dev-qa-db-ja.com

JavaScriptはコードを介して右クリックをシミュレートします

私はSeleniumを使用していくつかのUIテストを書いており、Dojoツールキットを使用してJavaScript Treeコントロールを持っています。

Dojoが提供する例を使用してツリーの各ノードにコンテキストメニューを実装しましたが、ツリーノードを右クリックして「呼び出す」にはSeleniumテストが必要ですが、これを機能させることができません。テストでは、JavaScriptによる右クリックイベントはシミュレートされず、コンテキストメニューは表示されません。

DojoとSeleniumを使用してコンテキストメニューを右クリックした経験はありますか？それを行う方法について何かアイデアはありますか？

javascriptseleniumdojomouseevent
27
Mark

代わりにこれを試してください。うまくいかなかった理由は、コンテキストメニューが実際にoncontextmenuイベントにバインドされているためです。

function contextMenuClick(element){
    var evt = element.ownerDocument.createEvent('MouseEvents');

    var RIGHT_CLICK_BUTTON_CODE = 2; // the same for FF and IE

    evt.initMouseEvent('contextmenu', true, true,
         element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false,
         false, false, false, RIGHT_CLICK_BUTTON_CODE, null);

    if (document.createEventObject){
        // dispatch for IE
       return element.fireEvent('onclick', evt)
     }
    else{
       // dispatch for firefox + others
      return !element.dispatchEvent(evt);
    }
}
27
leiyou

ちょうど良い尺度として、ここにパラメータに関する少しのdocoがあります：

var myEvt = document.createEvent('MouseEvents');
myEvt.initMouseEvent(
   'click'          // event type
   ,true           // can bubble?
   ,true           // cancelable?
   ,window      // the event's abstract view (should always be window)
   ,1              // mouse click count (or event "detail")
   ,100           // event's screen x coordinate
   ,200           // event's screen y coordinate
   ,100           // event's client x coordinate
   ,200           // event's client y coordinate
   ,false         // whether or not CTRL was pressed during event
   ,false         // whether or not ALT was pressed during event
   ,false         // whether or not SHIFT was pressed during event
   ,false         // whether or not the meta key was pressed during event
   ,1             // indicates which button (if any) caused the mouse event (1 = primary button)
   ,null          // relatedTarget (only applicable for mouseover/mouseout events)
);
9
Mark

すばらしい質問です。

私はいくつかの研究をしました、そしてあなたは ここに示されています のようなマウスイベントを発火することができ、buttonまたはwhichを設定することでそれを右クリックにすることができるようですプロパティを2（ ここに記載 ）。

おそらくこのコードはうまくいくでしょう：

function rightClick(element){
  var evt = element.ownerDocument.createEvent('MouseEvents');

  var RIGHT_CLICK_BUTTON_CODE = 2; // the same for FF and IE

  evt.initMouseEvent('click', true, true,
      element.ownerDocument.defaultView, 1, 0, 0, 0, 0, false,
      false, false, false, RIGHT_CLICK_BUTTON_CODE, null);

  if (document.createEventObject){
    // dispatch for IE
    return element.fireEvent('onclick', evt)
  }
  else{
    // dispatch for firefox + others
    return !element.dispatchEvent(evt);
  }
}
4
orip

コンテキストメニューが表示される場所を気にしない場合は、より適切なバージョンを以下に示します

function fireContextMenu(el) {
  var evt = el.ownerDocument.createEvent("HTMLEvents")
  evt.initEvent('contextmenu', true, true) // bubbles = true, cancelable = true

  if (document.createEventObject) {
    return el.fireEvent('oncontextmenu', evt)
  }
  else {
    return !el.dispatchEvent(evt)
  }
}

その場合は、前のものを使用し、IEでの動作を修正して、screenX、screenY、clientX、clientYなどを適切に設定する必要がある場合があります

3
leiyou

私はこれをFirefoxとChromeで試していますが、contextmenuイベントをディスパッチしてもブラウザはコンテキストメニューを開きません。 oncontextmenuのコールバックが発生したためにイベントがトリガーされましたが、コンテキストメニューがまだありません。私は上からすべてのコードサンプルを使用したので、誰かがアイデアを持っていますか？

2
bellpeace