12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- <!doctype html>
- <html>
- <head>
- <meta charset="utf-8" />
- <title>KindEditor Event Test</title>
- <link rel="stylesheet" href="../lib/qunit/qunit.css" />
- <style>
- textarea {
- display: block;
- width: 600px;
- height: 200px;
- }
- .ke-iframe {
- border: 1px solid #A0A0A0;
- }
- </style>
- <script src="../lib/firebug-lite/build/firebug-lite.js#startOpened"></script>
- <script src="../lib/qunit/qunit.js"></script>
- <!-- include src files -->
- <script src="../src/core.js"></script>
- <script src="../src/config.js"></script>
- <script src="../src/event.js"></script>
- <script src="../src/html.js"></script>
- <script src="../src/selector.js"></script>
- <script src="../src/node.js"></script>
- </head>
- <body>
- <h1 id="qunit-header">KindEditor Event Test</h1>
- <h2 id="qunit-userAgent"></h2>
- <ol id="qunit-tests"></ol>
- <br />
- outer event: <select id="outerEvent">
- <option value="none" selected="selected">none</option>
- <option value="click">click</option>
- <option value="mousedown">mousedown</option>
- <option value="mouseover">mouseover</option>
- <option value="mouseout">mouseout</option>
- <option value="contextmenu">contextmenu</option>
- </select>
- inner event: <select id="innerEvent">
- <option value="none" selected="selected">none</option>
- <option value="click">click</option>
- <option value="mousedown">mousedown</option>
- <option value="mouseover">mouseover</option>
- <option value="mouseout">mouseout</option>
- <option value="contextmenu">contextmenu</option>
- <option value="keyup">keyup</option>
- </select>
- event method: <select id="eventMethod">
- <option value="none" selected="selected">none</option>
- <option value="stopPropagation">stopPropagation</option>
- <option value="preventDefault">preventDefault</option>
- <option value="stop">stop</option>
- </select>
- <div id="outerDiv" style="margin:10px;padding:10px;border:1px solid #000;width:400px;">
- <textarea id="innerDiv" style="display:block;margin:10px;padding:10px;width:80%;height:100px;border:1px solid #000;"></textarea>
- </div>
- <div id="test-data-01" style="display:none;"></div>
- <script src="event.js"></script>
- </body>
- </html>
|