implement pinch to zoom
This commit is contained in:
+45
@@ -0,0 +1,45 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf8">
|
||||
<title>closest</title>
|
||||
<script src="../build/build.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="d1">
|
||||
<div id="d2">
|
||||
<div id="d3">hello</div>
|
||||
</div>
|
||||
</div>
|
||||
<script>
|
||||
var closest = require('closest')
|
||||
var d1 = document.querySelector('#d1')
|
||||
var d2 = document.querySelector('#d2')
|
||||
var d3 = document.querySelector('#d3')
|
||||
var d4 = document.querySelector('#d3').cloneNode(true);
|
||||
var text = d3.firstChild;
|
||||
var errors = false;
|
||||
|
||||
assert(closest(d3, '#d2'), d2)
|
||||
assert(closest(d3, '#d3'), d3)
|
||||
assert(closest(d3, '#d3'), d3)
|
||||
assert(closest(d3, '#d1'), d1)
|
||||
assert(closest(d3, '#d1', d2), null)
|
||||
assert(closest(d3, '#d1', d1), d1)
|
||||
assert(closest(d4, 'body'), null)
|
||||
assert(closest(document.documentElement, '*'), document.documentElement);
|
||||
assert(closest(text, '#d1'), d1);
|
||||
|
||||
if (!errors) {
|
||||
console.log('all good!');
|
||||
}
|
||||
|
||||
function assert(el1, el2) {
|
||||
if (el1 !== el2) {
|
||||
errors = true;
|
||||
console.log(new Error().stack)
|
||||
}
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user