08-27-周三_17-09-29
This commit is contained in:
26
node_modules/select/demo/contenteditable.html
generated
vendored
Normal file
26
node_modules/select/demo/contenteditable.html
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>contenteditable</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 1. Define some markup -->
|
||||
<button type="button">Select</button>
|
||||
<p contenteditable>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio totam adipisci, saepe ad vero dignissimos laborum non eum eveniet aperiam, consequuntur repellendus architecto inventore iusto blanditiis quasi commodi voluptatum vitae!</p>
|
||||
|
||||
<!-- 2. Include library -->
|
||||
<script src="../dist/select.js"></script>
|
||||
|
||||
<!-- 3. Select! -->
|
||||
<script>
|
||||
var p = document.querySelector('p');
|
||||
var button = document.querySelector('button');
|
||||
|
||||
button.addEventListener('click', function(e) {
|
||||
var selected = select(p);
|
||||
console.log(selected);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
30
node_modules/select/demo/dropdown.html
generated
vendored
Normal file
30
node_modules/select/demo/dropdown.html
generated
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>dropdown</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 1. Define some markup -->
|
||||
<button type="button">Select</button>
|
||||
<select>
|
||||
<option>Option 1</option>
|
||||
<option selected>Option 2</option>
|
||||
<option>Option 3</option>
|
||||
</select>
|
||||
|
||||
<!-- 2. Include library -->
|
||||
<script src="../dist/select.js"></script>
|
||||
|
||||
<!-- 3. Select! -->
|
||||
<script>
|
||||
var dropdown = document.querySelector('select');
|
||||
var button = document.querySelector('button');
|
||||
|
||||
button.addEventListener('click', function(e) {
|
||||
var selected = select(dropdown);
|
||||
console.log(selected);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
26
node_modules/select/demo/editable.html
generated
vendored
Normal file
26
node_modules/select/demo/editable.html
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>editable</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 1. Define some markup -->
|
||||
<button type="button">Select</button>
|
||||
<input type="text" value="Lorem ipsum">
|
||||
|
||||
<!-- 2. Include library -->
|
||||
<script src="../dist/select.js"></script>
|
||||
|
||||
<!-- 3. Select! -->
|
||||
<script>
|
||||
var input = document.querySelector('input');
|
||||
var button = document.querySelector('button');
|
||||
|
||||
button.addEventListener('click', function(e) {
|
||||
var selected = select(input);
|
||||
console.log(selected);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
28
node_modules/select/demo/multiple.html
generated
vendored
Normal file
28
node_modules/select/demo/multiple.html
generated
vendored
Normal file
@@ -0,0 +1,28 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>multiple</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 1. Define some markup -->
|
||||
<button type="button">Select</button>
|
||||
<input type="text" value="Lorem ipsum">
|
||||
<textarea>Lorem ipsum</textarea>
|
||||
|
||||
<!-- 2. Include library -->
|
||||
<script src="../dist/select.js"></script>
|
||||
|
||||
<!-- 3. Select! -->
|
||||
<script>
|
||||
var input = document.querySelector('input');
|
||||
var textarea = document.querySelector('textarea');
|
||||
var button = document.querySelector('button');
|
||||
|
||||
button.addEventListener('click', function(e) {
|
||||
console.log(select(input));
|
||||
console.log(select(textarea));
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
34
node_modules/select/demo/nested.html
generated
vendored
Normal file
34
node_modules/select/demo/nested.html
generated
vendored
Normal file
@@ -0,0 +1,34 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>non-editable</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 1. Define some markup -->
|
||||
<button type="button">Select</button>
|
||||
<div>
|
||||
<p>Item 1</p>
|
||||
<p>Item 2</p>
|
||||
<ul>
|
||||
<li>Item 3</li>
|
||||
<li>Item 4</li>
|
||||
<li>Item 5</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<!-- 2. Include library -->
|
||||
<script src="../dist/select.js"></script>
|
||||
|
||||
<!-- 3. Select! -->
|
||||
<script>
|
||||
var div = document.querySelector('div');
|
||||
var button = document.querySelector('button');
|
||||
|
||||
button.addEventListener('click', function(e) {
|
||||
var selected = select(div);
|
||||
console.log(selected);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
26
node_modules/select/demo/non-editable.html
generated
vendored
Normal file
26
node_modules/select/demo/non-editable.html
generated
vendored
Normal file
@@ -0,0 +1,26 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>non-editable</title>
|
||||
</head>
|
||||
<body>
|
||||
<!-- 1. Define some markup -->
|
||||
<button type="button">Select</button>
|
||||
<p>Lorem ipsum</p>
|
||||
|
||||
<!-- 2. Include library -->
|
||||
<script src="../dist/select.js"></script>
|
||||
|
||||
<!-- 3. Select! -->
|
||||
<script>
|
||||
var p = document.querySelector('p');
|
||||
var button = document.querySelector('button');
|
||||
|
||||
button.addEventListener('click', function(e) {
|
||||
var selected = select(p);
|
||||
console.log(selected);
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user