直接绑定
- <input type="button" value="提交" style="float:left;margin-top: 16px" ondblclick="showValueD();">
- //this 代指当前这个操作的标签
- <input type="button" value="提交" style="float:left;margin-top: 16px" ondblclick="showValueD(this);">
- // function 接收 this, 通过查找父级, 兄弟, 子级来定位操作的元素
- function showValueD(ths) {
- alert(ths.previousElementSibling.value);
- }
间接绑定
- var obj = document.getElementById('onmouse');
- obj.onmouseover = function () {
- obj.style.background = 'red';
- };
- // 间接绑定的 this 代指, getElementById 找到的这个标签
- var obj = document.getElementById('onmouse');
- obj.onmouseout = function () {
- this.style.background = '';
- }
- // 装逼绑定 支持同一个操作执行不同的两段代码
- var obj = document.getElementById('onmouse');
- obj.addEventListener('click', function () {
- console.log(111)
- }, false)
- onfocus() // 获取光标时做操作
- onblur() // 失去焦点做操作
- onclick() // 单击时做操作
- ondblclick() // 双击时操作
- onmouseover() // 鼠标悬浮触发操作
- onmouseout() // 鼠标离开悬浮时触发操作
来源: http://www.bubuko.com/infodetail-2669406.html