01 JS-DOM之--事件以及绑定方法
来源:互联网 发布:mac无线鼠标漂移厉害 编辑:程序博客网 时间:2024/06/08 19:16
事件经典三部曲
- 获取事件源(一般都是:标签本身)
- 绑定事件( js已经定义好的,直接使用即可)
- 书写事件驱动程序
<body> <div id="box"></div> <script> //1.获取事件源 var box = document.getElementById("box"); //2.绑定事件 box.onclick = function () { //3.书写事件驱动程序 alert("您点击了div盒子!"); } </script> </body>
事件绑定方法
1.绑定匿名函数(一般都用这种)
box.onclick = function (){ alert(2);
}
2.绑定函数名
box.onclick = fn;//函数名==整个函数 function fn(){ alert(2); }
注:如果函数带有参数,那么只能选用第一种,绑定匿名函数,再把函数写里面。如果不把它放进匿名函数,直接写在后面的话,就相当于是绑定函数的返回值啦!
function fn(a,b){ return a+b; } box.onclick = function (){ fn(1,3); }
3.内嵌标签(不建议使用)
<div id="box" onclick="fn3()"></div>
阅读全文
0 0
- 01 JS-DOM之--事件以及绑定方法
- 01 JS-DOM之--事件以及绑定方法
- JS中dom绑定事件方法
- js 动态dom绑定事件
- 【JS 设计模式 】门面模式之DOM元素绑定事件
- js中事件绑定3种方法以及事件委托
- JS事件之绑定事件
- DOM中事件绑定补充方法
- js“DOM事件”之鼠标事件、js的测试方法、js代码的放置位置
- js 事件绑定的方法
- js 事件绑定的方法
- JS事件绑定的方法
- js事件绑定的方法
- js 事件绑定的方法
- JS事件绑定的方法
- js动态绑定事件方法
- js 事件绑定的方法
- [TOP]原生JS事件绑定方法以及jQuery绑定事件方法bind、live、on、delegate的区别
- PHP获取和操作配置文件php.ini的几个函数介绍
- 如何处理no CPU/ABI system image for target
- mac终端命令行指令
- linux服务器自动切割并清理日志
- 解决jpa中Entity类中column注解name属性失效问题
- 01 JS-DOM之--事件以及绑定方法
- 在linux下安装mysql数据库(rpm方式)
- Centos7 安装 PHP7最新版
- 第17篇:AngularJS中的Provider们:Service和Factory等的区别
- 如果有人问你数据库的原理,叫他看这篇文章
- REM
- 封建制度与奴隶制度的区别
- JavaScript JSON
- 第二类莫比乌斯反演