Skylark.js知典 86:eventer
http://zhidian.wuute.com/skylarkjs/
2026-05-20T13:43:33+09:00
Skylark.js知典
http://zhidian.wuute.com/skylarkjs/
http://zhidian.wuute.com/skylarkjs/lib/tpl/bootstrap3_1/images/favicon.ico
-
text/html
2017-08-22T11:12:41+09:00
create()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/create?rev=1503367961&do=diff
create()
功能
创建指定类型的事件对象。
语法
eventer.create(type,props)
参数
* type
事件类型、本地DOM事件类型或自定义事件类型。
* props
一个 name-value 对的对象来设置事件属性。
范例
Example: 点击 buttion 提示 msg:
-
text/html
2017-08-22T11:23:29+09:00
off()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/off?rev=1503368609&do=diff
off()
功能
从指定元素中删除一个或多个事件的事件处理程序。
语法
eventer.off(elm, events, selector, callback)
参数
* elm
HTMLElement对象，指定对象HTML元素
* events
一个或多个空格分隔的事件类型和可选的名称空间，例如“click”或“keydown.myPlugin”
-
text/html
2017-08-22T11:27:27+09:00
on()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/on?rev=1503368847&do=diff
on()
功能
为一个或多个事件附加一个事件处理函数到指定的元素。
语法
eventer.on(elm, events, selector, data, callback, one)
参数
* elm
HTMLElement对象，指定对象HTML元素
* events
一个或多个空格分隔的事件类型和可选的命名空间，或仅仅是命名空间，比如
-
text/html
2017-08-22T11:30:13+09:00
one()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/one?rev=1503369013&do=diff
one()
功能
为元素的事件添加处理函数。处理函数在每个元素上每种事件类型最多执行一次。
语法
eventer.one(elm, event, selector, data, callback)
参数
参数
* elm
HTMLElement对象，指定对象HTML元素
-
text/html
2017-08-22T11:33:24+09:00
proxy()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/proxy?rev=1503369204&do=diff
proxy()
功能
创建一个代理事件对象来包装指定的事件。
语法
eventer.proxy(event)
参数
* event
原始的dom事件对象。
范例
Example: 点击第一个li效果。
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
<script>
require.config({
baseUrl: "./",
packages: [{
name: "skylark",
location: "../../../src/skylark"
}, ]
});
</script>
</head>
<body>
<div>
<ul>
…
-
text/html
2017-07-31T18:17:55+09:00
ready()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/ready?rev=1501492675&do=diff
ready()
功能
当DOM准备就绪时，指定一个函数来执行。
语法
eventer.ready(callback)
参数
* callback
准备就绪时，指定执行的回调函数。
范例
Example: document 准备就绪时，修改<p>元素的 text。
-
text/html
2017-08-30T11:58:58+09:00
shortcuts()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/shortcuts?rev=1504061938&do=diff
shortcuts()
功能
为指定的元素返回一个处理程序对象，以添加快捷键。
语法
eventer.shortcuts(elm)
参数
* elm
HTMLElement对象，指定对象HTML元素
范例
Example: 快捷键 CTRL+ALT+SHIFT+X 。
<!DOCTYPE html>
<html>
<head>
<style>
</style>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.3.3/require.min.js"></script>
<script>
require.config({
baseUrl: "./",
packages: [
{ name: "skylark", location: "../../../src/skylark" },
]
});
</scr…
-
text/html
2017-08-22T11:44:58+09:00
eventer
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/start?rev=1503369898&do=diff
eventer
这个模块包含一些与dom事件相关的类型和方法。
模块函数
function eventer() {
}
成员列表
类型语法说明函数create() 创建指定类型的事件对象。函数off()从指定元素中删除一个或多个事件的事件处理程序。
-
text/html
2017-08-22T11:38:50+09:00
stop()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/stop?rev=1503369530&do=diff
stop()
功能
防止传播和破坏传递事件的默认动作。与调用event.preventdefault()和event.stopPropagation()一样。
语法
eventer.stop(event)
参数
* event
要停止的事件对象
范例
Example: 点击button停止事件，或继续事件。
-
text/html
2017-08-22T11:44:44+09:00
trigger()
http://zhidian.wuute.com/skylarkjs/doku.php/86/eventer/trigger?rev=1503369884&do=diff
trigger()
功能
根据绑定到匹配元素的给定的事件类型执行所有的处理程序和行为。
语法
eventer.trigger(evented, type, args)
参数
* evented
目标对象、dom元素或Evented对象
* type
包含事件类型的字符串，例如 click 或 submit