forked from kindsoft/kindeditor
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathevent.html
61 lines (61 loc) · 2.13 KB
/
event.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<!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>