javascript - turn off event listener after triggered once -

-

I have a script that triggers popup box that provides free downloads, it starts when someone The user's mouse leaves the page (obviously not for mobile - I already have a work solution for that). In my script I set a cookie to deactivate the script for 30 minutes, and that part works; Popovar does not appear again if I refresh the page.

The problem is that if a popover closes the box, and the page has not refreshed (or navigated to another page on the site), the popover gets out of the mouse page every time .

I am using a function that sets an event, but I can not do it only once in the fire. (The WordPress site I'm working with is using jquery ver = 1.10.2).

My Javascript: 

  if (Document.cookie.indexOf ('somecookiename')! = -1) {function addEvent (obj, evt, fn) {if (obj.addEventListener) {obj.addEventListener (evt, fn, false); } And if (obj.attachEvent) {obj.attachEvent ("on" + + evt, fn); }}}; JQuery (document) .ready (function ($) {if (document.cookie.indexOf ('somecookiename') == -1) {// thirty minutes = 1000 * 60 * 30; var thirty minutes = 1000 * 60; Var expires = new date ((new date ()). ValueOf () + thirty minutes); document.cookie = "somecookiename; expires =" + expires.toUTCString (); addEvent (document) , "Mouseout", function (e) {e = E? E: from window.event; var to = e.relatedTarget || e.toElement; if (.nodeName == "html" from!) {Document.getElementById (" Preview-download "). Style.display =" block "; document.getElementById (" back-shader ") style.display =" block ";}}})}}); Function ShowHead (ID) {if (document.getElementById) {obj = document.getElementById (ID); If (obj.style.display == "none") {obj.style.display = ""; } And {obj.style.display = "none"; }}}

HTML: 

  & lt; Div id = "back-shader" class = "popover2" & gt; & Lt; Div id = "preview-download" class = "popover2" & gt; & Lt; H4 & gt; Before you go: & lt; / H4 & gt; & Lt; H5 & gt; Download a free preview .... & lt; / H5> & Lt; A href = "http://website.com/document.pdf" id = "preview-pdf" & gt; Download Now & lt; / A & gt; & Lt; A href = "#" id = "close" onclick = "showhead ('back-shader'); return (wrong);" & Gt; & Lt; / A & gt; & Lt; / Div & gt; & Lt; / Div & gt;

CSS: 

  #back-shader, # preview-download {display: none; }

This may be a bit easier, but I'm not a JavaScript expert, your help, as usual, is appreciated.

Using the easiest method, the event is removing the listener: 

 < Code> document.addEventListener ("mouseout", function handler (e) {e.currentTarget.removeEventListener (e.type, handler); / * whatever);

< Pre class = "snippet-code-js lang-js prettyprint-override"> document.addEventListener ("click", function handler (e) {e.currentTarget.removeEventListener (e.type, handler); warning Only once ');}); 
  click anywhere
< / P>

Comments

Post a Comment

Popular posts from this blog

java - Can't add JTree to JPanel of a JInternalFrame -

-
Image
There are two panels in my JInternalframe. I want to add TopPanel to Jtree to nominate another. But I can not add Jaitari to the top of the panel. Please help me in this piece of code: DefaultMutableTreeNode root = new DefaultMutableTreeNode ("deck"); DefaultMutableTreeNode Item Clubs = New DefaultMutableTreeNode ("Club"); AddAllCard (itemClubs); Root.add (itemClubs); DefaultMutableTreeNode item = New DefaultMutableTreeNode ("Diamonds"); AddAllCard (itemDiamonds); Root.add (itemDiamonds); DefaultMutableTreeNode Itemspads = New DefaultMutableTreeNode ("Spades"); AddAllCard (itemSpades); Root.add (itemSpades); DefaultMutableTreeNode item increases = new DefaultMutableTreeNode ("heart"); AddAllCard (itemHearts); Root.add (itemHearts); Default Trimodel Tree Model = New DefaultTreeModel (Route); Tree = new jetty (tree modal); ScrollPane = new JScrollPane (tree); // scrollPane.setViewportView (tree); . ScrollPane.getViewport () add (tr
Read more

javascript - data.match(var) not working it seems -

-
OK, I have this small block code, which is to scanned a number on the website, but for some reason There is a hip that it is not scanning at all. var regenges = / \ & lt; Span class = "currency-robux" data-to-"item-private-value-price" & gt; ([\ D,]) \ & LT; \ / Span \ & gt; /; Var ValueCiling = Data. Match (reggae); Value-song = number (value slicing location (",", "")); Is there anything wrong with that? This is related to the if statement if (value sling and lieutenant; = price watching) { < P> A function calls to move from there, but for some reason it does not seem to run at all. So I think the Regex is wrong but I'm not sure how. (There is a variable in PriceWinking , this is a snippet from the code.) On the website, I'm trying to remove it. & lt; Span class = "robux" data-plus = "item-privatesale-price" & gt; 115 & lt; / Span & gt; Keep in mind
Read more

javascript - How can I pause a jQuery .each() loop, while waiting for user input? -

-
Before I continue to get a jQuery .each loop to wait for user input There is a problem in repeatedly repeating This is my code (I have commented on what I would like to do): & lt; Html xmlns = "http://www.w3.org/1999/xhtml" & gt; & Lt; Top & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "common_components.css" /> & Lt; Meta http-equiv = "content-type" content = "text / html; charset = UTF-8" /> & Lt; Link rel = "stylesheet" href = "slider.css" & gt; & Lt ;? Php include_once 'common_components.php'; $ Query = $ dbh- & gt; Queries ("SELECT movies_dir FROM settings"); $ Line = $ query- & gt; Obtain (PDO :: FETCH_ASSOC); Date_default_timezone_set ('UTC'); Echo "& lt; title & gt; movie scanner & lt; / title & gt;"; ? & Gt; & Lt; Script src = "jquery.min.js" & gt; &am
Read more