2016-04-11 17 views
7

Qualcuno potrebbe dirmi come produrre un gestore di eventi con il tasto destro del mouse in Clojure? Ho familiarità con ": on-click" per clic semplici ma non per clic destro o doppio. Non riesco a trovare alcuna risorsa utile online. Grazie!Fare clic con il tasto destro su ClojureScript?

+1

vedere http://stackoverflow.com/questions/2405771/is-right-click-a-javascript-event – edbond

+0

Grazie, ma questo è per Javascript non Clojure. Capisco che JS sta correndo sotto il cofano di Clojure ma sta cercando un frammento di codice in Clojure. –

risposta

7

frequenti nella ClojureScript biblioteca di Google Closure (Event Handling |  Closure Library | Google Developers) viene usato al posto di JS grezzo . Il events (Closure Library API Documentation - JavaScript) spazio dei nomi contiene la goog.events.EventType enumerazione che specifica ogni tipo di evento individuale:

(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 

.

<!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 --> 

Rispettare:

  • A destro del mouse (tasto 2) spara il contextmenu ascoltatore. Il listener click non riesce a vederlo (anche se non c'è il listener contextmenu).
  • Un secondo clic con il pulsante destro del mouse disattiverà il menu di scelta rapida ma nessuno dei due ascoltatori verrà attivato.
5

Utilizzo di om Ho ottenuto il tasto destro del mouse come evento del menu di scelta rapida. numero di Button è 2 per tasto destro:

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

o in semplice HTML + cljs:

<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

Problemi correlati