使用dojo.connect()添加事件的注意事项
2016-04-10 16:45
232 查看
使用dojo.connect()添加事件处理器是很方便的,不用再考虑跨浏览器的问题了。但要想正确地使用这个方法,仍然要注意几个问题:
1、用dojo.byId()获取的是dom元素,而用dijit.byId()获取的是dojo widget,这两点是有根本不同的。
2、事件名称的大小写很关键,如果对dom元素添加事件处理器,事件名称要小写,例如click事件,可以用click或者on
click都行,但一定要把c字母小写;如果对dojo widget添加事件处理器,事件名称必须符合dojo的规范,例如click事件,一定要写成onClick,字母o是小写,而字母c一定要大写。
3、如果要对某个页面元素添加事件处理器,一定要根据这个元素是dom元素还是dojo widget,分别使用dojo.byId()或dijit.byId()来获取元素引用。如果乱用,那么结果可能会添加失败或出现不正常的情况。
注意以上这几个问题,正确使用好dojo.connect()方法是没有问题的。
例一:
<button id="btn">Click Me!</button>
<script type="text/javascript">
dojo.connect(dojo.byId('btn'), 'onclick', null, handler);
</script>
例二:
<button id="btn" dojoType="dijit.form.Button" label="Click Me!"></button>
<script type="text/javascript">
dojo.connect(dijit.byId('btn'), 'onClick', null, handler);
</script>
-------------------------------------------------------------------------------------------------------
注:本文转载于:http://blog.163.com/ma13481280654@126/blog/static/732525372011101715346673
1、用dojo.byId()获取的是dom元素,而用dijit.byId()获取的是dojo widget,这两点是有根本不同的。
2、事件名称的大小写很关键,如果对dom元素添加事件处理器,事件名称要小写,例如click事件,可以用click或者on
click都行,但一定要把c字母小写;如果对dojo widget添加事件处理器,事件名称必须符合dojo的规范,例如click事件,一定要写成onClick,字母o是小写,而字母c一定要大写。
3、如果要对某个页面元素添加事件处理器,一定要根据这个元素是dom元素还是dojo widget,分别使用dojo.byId()或dijit.byId()来获取元素引用。如果乱用,那么结果可能会添加失败或出现不正常的情况。
注意以上这几个问题,正确使用好dojo.connect()方法是没有问题的。
例一:
<button id="btn">Click Me!</button>
<script type="text/javascript">
dojo.connect(dojo.byId('btn'), 'onclick', null, handler);
</script>
例二:
<button id="btn" dojoType="dijit.form.Button" label="Click Me!"></button>
<script type="text/javascript">
dojo.connect(dijit.byId('btn'), 'onClick', null, handler);
</script>
-------------------------------------------------------------------------------------------------------
注:本文转载于:http://blog.163.com/ma13481280654@126/blog/static/732525372011101715346673
相关文章推荐
- OI,再见
- 学习进度06
- SDAU 搜索专题 23 Another Eight Puzzle
- spoj CPTTRN5 - Character Patterns (Act 5)
- IntelliJ IDEA设置系列(三):类和方法的快捷方式
- 多线程编程
- LeetCode *** 303. Range Sum Query - Immutable
- iOS开发 ☞ Quartz2D详解
- hibernate注解初探
- 栈的应用---逆波兰表达式
- java-----强制类型转换
- python中的错误处理
- maven -v Unsupported major.minor version 51.0
- whu1608 Calculation
- 49、java四种内部类详解
- < < < 2013年国家集训队作业 > > >
- Nio
- Oracle 创建普通用户,并赋予权限
- 安卓学习笔记之json
- c语言学习笔记(一)