- Albin Wong /
- 前端
JS 事件的冒泡 stopPropagation
<style> #one{ width:500px; height:500px; position:absolute; border-radius: 50%; background:pink; left:400px; } #two{ width:400px; height:400px; po...
<style> #one{ width:500px; height:500px; position:absolute; border-radius: 50%; background:pink; left:400px; } #two{ width:400px; height:400px; po...
<!-- onsubmit事件的事件源是form标签 --> <form action="1.html" method="post"> 用户名:<input type="text" name="username"><br> 密码:<input type="text" name="password"><br>...
<textarea name="" id="info" cols="30" rows="10"></textarea> <script type="text/javascript"> // /获取元素 var info = document.getElementById('info'); info.onselect = f...
<select name="" id="province"> <option value="0">北京</option> <option value="1">河南</option> <option value="2">河北</option> ...
<select name="" id="yinliao"> <option value="0">白开水</option> <option value="1">矿泉水</option> <option value="2">白酒</option> <option value...
input{ width:200px; height:20px; border:solid 1px #ddd; } <input type="text" /> <input type="text" /> <input type="text" /> <input type="text" id="username" /&...
键盘事件<input type="text" id="username" value="iloveyou"> <script type="text/javascript"> //获取元素 var username = document.getElementById('username'); // on 当...时候 key按键 down向...
<style> * { margin:0px; padding:0px; } #move { width:200px; height:200px; background:orange; position:absolute; } </style> <div id="move"></div...
<style> #big { width:400px; height:400px; background:orange; position:absolute; } #small { width:100px; height:300px; ...
<div style="width:300px;height:300px;background:#456"></div> var div = document.getElementsByTagName('div')[0]; //绑定事件 div.onmousedown = function() { alert('鼠标被按下了啊!!!'); } d...