nightmare
Version:
A high-level browser automation library.
105 lines (99 loc) • 4.96 kB
HTML
<html>
<head>
<title>Manipulation</title>
</head>
<body>
<h1>Hello World!</h1>
<form action="results.html">
<input type="search" name="q">
<input type="checkbox" name="advanced">
<select name="options">
<option value="a">A</option>
<option value="b">B</option>
<option value="c">C</option>
</select>
<button type="submit">Search</button>
</form>
<p style="width: 1000px;">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent suscipit
vitae eros ac rutrum. Sed tincidunt mi ut nulla placerat molestie. Nulla a
augue ante. Maecenas semper feugiat ante, nec mattis nisl sollicitudin
quis. Nulla facilisi. Nullam sollicitudin dignissim arcu, a finibus elit
vestibulum a. Cras felis libero, aliquam nec eleifend ut, vulputate sit
amet ex.
</p>
<p>
Nam faucibus porta elit ut varius. Sed sem diam, elementum nec dui sed,
porttitor semper odio. Pellentesque tempus tortor non velit convallis
gravida. Curabitur in erat laoreet, porta libero eget, hendrerit purus.
Praesent vitae nunc in neque feugiat condimentum a eget dolor. Nullam
mauris dui, ornare et commodo sit amet, iaculis vel ipsum. Morbi molestie
at lectus dapibus pulvinar. Duis at quam vel dolor molestie aliquet ac et
ipsum. Morbi urna sapien, tempus vel lorem quis, facilisis rutrum elit. Ut
vitae ultrices dui, ac aliquam tortor. Maecenas aliquam mi quis egestas
tempus. Donec id sapien a tortor suscipit vulputate. Cras lacus lacus,
euismod in porta et, pellentesque nec quam. Nulla sagittis fermentum
convallis. Duis eu urna tristique, maximus dui at, auctor tortor.
</p>
<p>
In nec leo auctor, pharetra ipsum et, molestie eros. Donec sed luctus
ante, vitae posuere sapien. Integer dignissim nibh eget tortor viverra
sodales. Vivamus condimentum tortor ut metus convallis aliquet. Donec nec
sagittis neque. Suspendisse potenti. Pellentesque tempor imperdiet
blandit. Morbi cursus, risus in dapibus finibus, diam nunc pharetra elit,
sed vehicula dui lectus eget purus. Aliquam erat volutpat. Fusce ipsum
metus, imperdiet quis blandit in, dapibus nec felis. Ut tincidunt arcu
augue, at commodo nulla aliquam id. Curabitur elit augue, malesuada et
faucibus in, rutrum sit amet elit. Cras aliquam iaculis libero non
molestie. Pellentesque feugiat pulvinar justo eget venenatis. Donec mi
metus, tincidunt vitae rhoncus sit amet, volutpat a diam. Quisque eleifend
ipsum eu ex ornare, sed tristique purus semper.
</p>
<p>
In consequat consequat urna non egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Donec ut dignissim
augue, congue pharetra sem. Interdum et malesuada fames ac ante ipsum
primis in faucibus. Suspendisse feugiat sapien vitae commodo hendrerit.
Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam
sagittis, tellus vel tempus feugiat, turpis lorem sollicitudin tortor, et
laoreet orci urna efficitur diam. Vivamus cursus nibh et erat gravida
consequat. Morbi fringilla mollis aliquam. Nullam placerat urna vitae
tellus molestie, non sodales sapien hendrerit. Donec feugiat ante at
consequat volutpat. Vestibulum nunc velit, aliquet non mi et, tincidunt
dapibus leo.
</p>
<p>
Morbi ligula diam, dapibus eget tincidunt nec, bibendum eu ligula. Cras
vel bibendum est. Aliquam in gravida justo. Ut varius lobortis tempor.
Proin sed lorem justo. Curabitur vestibulum erat vitae lacinia elementum.
Nunc ligula nisl, euismod et mi eget, viverra varius neque. Mauris turpis
justo, volutpat sed turpis sit amet, porta tempus ligula. Duis nulla
dolor, fermentum eget convallis id, vehicula quis felis. Mauris augue
risus, facilisis non quam vitae, fringilla egestas risus. Donec rutrum
quis massa non consectetur. Pellentesque mattis nibh congue erat congue
dictum. Etiam facilisis arcu id porttitor ullamcorper. Ut lobortis sodales
euismod. Aliquam molestie eros vel arcu vehicula, in vehicula nibh
pretium. Donec vulputate turpis nunc, non tempor urna tincidunt a.
</p>
</body>
<script>
var h1 = document.getElementsByTagName("h1");
var search = document.querySelector('input[type=search]')
h1[0].addEventListener("mouseover", function(){
this.style.background = "#66ff66";
});
h1[0].addEventListener("mousedown", function(){
this.style.background = "#ff0000";
})
search.addEventListener("keyup", function(e) {
console.log('keyup', e.which)
})
search.addEventListener("keydown", function(e) {
console.log('keydown', e.which)
})
search.addEventListener('input', function(e) {
console.log('input', e.which)
})
</script>
</html>