event.html 2.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061
  1. <!doctype html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>KindEditor Event Test</title>
  6. <link rel="stylesheet" href="../lib/qunit/qunit.css" />
  7. <style>
  8. textarea {
  9. display: block;
  10. width: 600px;
  11. height: 200px;
  12. }
  13. .ke-iframe {
  14. border: 1px solid #A0A0A0;
  15. }
  16. </style>
  17. <script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script>
  18. <script src="../lib/qunit/qunit.js"></script>
  19. <!-- include src files -->
  20. <script src="../src/core.js"></script>
  21. <script src="../src/config.js"></script>
  22. <script src="../src/event.js"></script>
  23. <script src="../src/html.js"></script>
  24. <script src="../src/selector.js"></script>
  25. <script src="../src/node.js"></script>
  26. </head>
  27. <body>
  28. <h1 id="qunit-header">KindEditor Event Test</h1>
  29. <h2 id="qunit-userAgent"></h2>
  30. <ol id="qunit-tests"></ol>
  31. <br />
  32. outer event: <select id="outerEvent">
  33. <option value="none" selected="selected">none</option>
  34. <option value="click">click</option>
  35. <option value="mousedown">mousedown</option>
  36. <option value="mouseover">mouseover</option>
  37. <option value="mouseout">mouseout</option>
  38. <option value="contextmenu">contextmenu</option>
  39. </select>
  40. inner event: <select id="innerEvent">
  41. <option value="none" selected="selected">none</option>
  42. <option value="click">click</option>
  43. <option value="mousedown">mousedown</option>
  44. <option value="mouseover">mouseover</option>
  45. <option value="mouseout">mouseout</option>
  46. <option value="contextmenu">contextmenu</option>
  47. <option value="keyup">keyup</option>
  48. </select>
  49. event method: <select id="eventMethod">
  50. <option value="none" selected="selected">none</option>
  51. <option value="stopPropagation">stopPropagation</option>
  52. <option value="preventDefault">preventDefault</option>
  53. <option value="stop">stop</option>
  54. </select>
  55. <div id="outerDiv" style="margin:10px;padding:10px;border:1px solid #000;width:400px;">
  56. <textarea id="innerDiv" style="display:block;margin:10px;padding:10px;width:80%;height:100px;border:1px solid #000;"></textarea>
  57. </div>
  58. <div id="test-data-01" style="display:none;"></div>
  59. <script src="event.js"></script>
  60. </body>
  61. </html>