2016-04-11 9 views
7

Clojureで右クリックのイベントハンドラを作成する方法を教えてもらえますか?単純なクリックに対しては「:on」を、右クリックやダブルクリックには慣れています。オンラインで役立つリソースを見つけることができないようです。ありがとう!ClojureScriptを右クリックしますか?

+1

参照してください。http://stackoverflow.com/questions/2405771/is-right-click-a-javascript-event – edbond

+0

ありがとうございますが、それはClojureではなくJavascriptです。 JSはClojureのフードの下で動作していますが、Clojureでコードスニペットを探していることを理解しています。 –

答えて

7

Googleの閉鎖ライブラリ(Event Handling |  Closure Library | Google Developers)が代わりに生のJSの使用されています。

(ns test.core 
    (:require [goog.dom :as dom] 
      [goog.events :as events])) 

(letfn [(menu-listener [event] 
      (.log js/console (str "contextmenu " (.-button event)))) 
     (click-listener [event] 
      (let [btn (.-button event) 
       msg (if (= btn 2) "Right-click" (str "Button " btn))] 
      (.log js/console msg)))] 

    (events/listen (dom/getElement "click-target") "contextmenu" menu-listener) 
    (events/listen (dom/getElement "click-target") "click" click-listener)) 

;; src/test/core.cljs 

events (Closure Library API Documentation - JavaScript)名前空間は、個々のイベントの種類を指定するgoog.events.EventType列挙が含まれています。

<!DOCTYPE html> 
<html> 
    <head> 
    <title>contextmenu</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    </head> 
    <body> 
    <p id="click-target">Right click on me</p> 
    <script src="out/test.js" type="text/javascript"></script> 
    </body> 
</html> 

<!-- index.html --> 

守っ:

  • を右クリック(ボタン2)contextmenuリスナーを起動します。 clickリスナーはそれを見ません(リスナーがcontextmenuでなくても)。
  • 2回目の右クリックはコンテキストメニューを閉じますが、どちらのリスナも起動しません。
5

omを使用して、コンテキストメニューのイベントとして右クリックしました。ボタンの数は、右ボタンの2です:

{:onContextMenu (fn [e] 
        (prn e (.-button e)))} 

またはプレーンHTML + cljs中:

ClojureScriptでよく
<div id="btn">Click me</div> 

    (.addEventListener (.getElementById js/document "btn") 
    "contextmenu" (fn [e] (prn e (.-button e)))) 

https://developer.mozilla.org/en/docs/Web/API/MouseEvent

関連する問題