Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  
</body>
</html>
 
div {
  width: 100px;
  height: 100px;
  background: lightblue;
}
 
/**
 * This class allows you to assign an eventListener to be utilzed only once, before
 * it removes itself.
 */
 
var SingleEvent = function (elem, eventName, callback) { "use strict";
  var singleuse;
  if (typeof elem === "object" && elem.tagName) {
    singleuse = function() {
        callback.apply();
        elem.removeEventListener(eventName, singleuse, false);
    };
    elem.addEventListener(eventName, singleuse, false);
  }
};
var elem = document.createElement('div');
var onetimer = new SingleEvent(elem, "click", function(){alert("Well, I'll never do THAT again...");});
document.body.appendChild(elem);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
erikssssspro
0viewers