test2.html 1.0 KB

123456789101112131415161718192021222324252627282930313233
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--<meta http-equiv="Content-Security-Policy" content="script-src 'self'">-->
  5. <!--<link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/themes/base/jquery-ui.css" />
  6. <link rel="stylesheet" type="text/css" href="http://trirand.com/blog/jqgrid/themes/ui.jqgrid.css" />-->
  7. </head>
  8. <body>
  9. <input type="text" id="test1" />
  10. <input id="button1" type="button" value="Add" />
  11. <input id="button2" type="button" value="Remove" />
  12. <script>
  13. var el = document.getElementById("test1");
  14. var button1 = document.getElementById("button1");
  15. var button2 = document.getElementById("button2");
  16. function maskscope() {
  17. return function() {
  18. alert("test");
  19. }
  20. }
  21. button1.addEventListener("click", function(e) {
  22. el.addEventListener("click", new maskscope(), false);
  23. });
  24. button2.addEventListener("click", function(e) {
  25. el.removeEventListener("click", new maskscope(), false);
  26. });
  27. </script>
  28. </body>
  29. </html>