[483] | 1 | define(["dojo/_base/lang", "../_base", "dojo/_base/config", "dojo/_base/window", "dojo/on" |
---|
| 2 | ], function(lang, dxa, config, window, on){ |
---|
| 3 | |
---|
| 4 | return (dxa.plugins.mouseOver = new (function(){ |
---|
| 5 | this.watchMouse = config["watchMouseOver"] || true; |
---|
| 6 | this.mouseSampleDelay = config["sampleDelay"] || 2500; |
---|
| 7 | this.addData = lang.hitch(dxa, "addData", "mouseOver"); |
---|
| 8 | this.targetProps = config["targetProps"] || ["id","className","localName","href", "spellcheck", "lang", "textContent", "value" ]; |
---|
| 9 | this.textContentMaxChars = config["textContentMaxChars"] || 50; |
---|
| 10 | |
---|
| 11 | this.toggleWatchMouse = function(){ |
---|
| 12 | if(this._watchingMouse){ |
---|
| 13 | this._watchingMouse.remove(); |
---|
| 14 | delete this._watchingMouse; |
---|
| 15 | return; |
---|
| 16 | } |
---|
| 17 | on(window.doc, "mousemove", lang.hitch(this, "sampleMouse")); |
---|
| 18 | }; |
---|
| 19 | |
---|
| 20 | if(this.watchMouse){ |
---|
| 21 | on(window.doc, "mouseover", lang.hitch(this, "toggleWatchMouse")); |
---|
| 22 | on(window.doc, "mouseout", lang.hitch(this, "toggleWatchMouse")); |
---|
| 23 | } |
---|
| 24 | |
---|
| 25 | this.sampleMouse = function(e){ |
---|
| 26 | if(!this._rateLimited){ |
---|
| 27 | this.addData("sample",this.trimMouseEvent(e)); |
---|
| 28 | this._rateLimited = true; |
---|
| 29 | setTimeout(lang.hitch(this, function(){ |
---|
| 30 | if(this._rateLimited){ |
---|
| 31 | //this.addData("sample", this.trimMouseEvent(this._lastMouseEvent)); |
---|
| 32 | this.trimMouseEvent(this._lastMouseEvent); |
---|
| 33 | delete this._lastMouseEvent; |
---|
| 34 | delete this._rateLimited; |
---|
| 35 | } |
---|
| 36 | }), this.mouseSampleDelay); |
---|
| 37 | } |
---|
| 38 | this._lastMouseEvent = e; |
---|
| 39 | return e; |
---|
| 40 | }; |
---|
| 41 | |
---|
| 42 | this.trimMouseEvent = function(e){ |
---|
| 43 | var t = {}; |
---|
| 44 | for(var i in e){ |
---|
| 45 | switch(i){ |
---|
| 46 | //case "currentTarget": //currentTarget caused an error |
---|
| 47 | case "target": |
---|
| 48 | //case "originalTarget": |
---|
| 49 | //case "explicitOriginalTarget": |
---|
| 50 | var props = this.targetProps; |
---|
| 51 | t[i] = {}; |
---|
| 52 | //console.log(e, i, e[i]); |
---|
| 53 | for(var j = 0;j < props.length;j++){ |
---|
| 54 | if((typeof e[i] == "object" || typeof e[i] == "function") && props[j] in e[i]){ |
---|
| 55 | |
---|
| 56 | if(props[j] == "text" || props[j] == "textContent"){ |
---|
| 57 | if(e[i]["localName"] && (e[i]["localName"] != "HTML") && (e[i]["localName"] != "BODY")){ |
---|
| 58 | t[i][props[j]] = e[i][props[j]].substr(0,this.textContentMaxChars); |
---|
| 59 | } |
---|
| 60 | }else{ |
---|
| 61 | t[i][props[j]] = e[i][props[j]]; |
---|
| 62 | } |
---|
| 63 | } |
---|
| 64 | } |
---|
| 65 | break; |
---|
| 66 | // clientX, pageX and x are usually the same so no need to show all 3, same for y |
---|
| 67 | //case "clientX": |
---|
| 68 | //case "clientY": |
---|
| 69 | //case "pageX": |
---|
| 70 | //case "pageY": |
---|
| 71 | case "screenX": |
---|
| 72 | case "screenY": |
---|
| 73 | case "x": |
---|
| 74 | case "y": |
---|
| 75 | if(e[i]){ |
---|
| 76 | //console.log("Attempting: " + i); |
---|
| 77 | var val = e[i]; |
---|
| 78 | //console.log("val: " + val); console.log(i + "e of i: " + val); |
---|
| 79 | t[i] = val + ''; |
---|
| 80 | } |
---|
| 81 | break; |
---|
| 82 | default: |
---|
| 83 | //console.log("Skipping: ", i); |
---|
| 84 | break; |
---|
| 85 | } |
---|
| 86 | } |
---|
| 87 | return t; |
---|
| 88 | }; |
---|
| 89 | })()); |
---|
| 90 | }); |
---|