读书人

替节点绑定事件的几种方法

发布时间: 2012-11-19 10:18:51 作者: rapoo

为节点绑定事件的几种方法

?“绑定事件”是UI开发中最常用到的操作之一,这里介绍几种方法,供大家选择:

?

1、html内嵌法

?

??顾名思义,就是在html代码里节点代码里绑定事件。如下面代码

?

?

?

?

??需要注意的是,onclick后面的function赋值是需要添加括号的,否则事件无法绑定和触发。

?

??如果onclick需要连续执行多个操作,可以按如下方法绑定事件。

?

?? 其中的“JavaScript:”也可以不加,具体原因,待查。

?

?? 其中关于事件参数的传递和设置请参看 window.event?的介绍。

?

2、动态绑定

?

?? 在很多时候,我们需要动态的创建节点,然后将某个或某几个事件绑定在该新建对象上。动态绑定又包含两种方式:

?? 1、直接为对象赋值

?

?? ? js代码

?

?

点击按钮后,事件执行的顺序是 test1-->test2。

?

因为IE和Firefox绑定事件的方法不一样,所以需要判断浏览器类型。具体方法参见:浏览器类型判别。

?

?

?

?

?

?

?

?

?

读书人网 >Web前端

热点推荐