Zepto on

时间:2021-1-8 作者:admin

on(type, [selector], function(e){ … }) ⇒ self
on(type, [selector], [data], function(e){ … }) ⇒ self v1.1+
on({ type: handler, type2: handler2, … }, [selector]) ⇒ self
on({ type: handler, type2: handler2, … }, [selector], [data]) ⇒ self v1.1+

添加事件处理程序到对象集合中得元素上。多个事件可以通过空格的字符串方式添加,或者以事件类型为键、以函数为值的对象 方式。如果给定css选择器,当事件在匹配该选择器的元素上发起时,事件才会被触发。

如果给定data参数,这个值将在事件处理程序执行期间被作为有用的 event.data 属性

事件处理程序在添加该处理程序的元素、或在给定选择器情况下匹配该选择器的元素的上下文中执行。 当一个事件处理程序返回false,preventDefault() 和 stopPropagation()被当前事件调用的情况下, 将防止默认浏览器操作,如链接。

如果false 在回调函数的位置上作为参数传递给这个方法, 它相当于传递一个函数,这个函数直接返回false。
[code brush:text;toolbar:false;]var elem = $(‘#content’)
// observe all clicks inside #content:
elem.on(‘click’, function(e){ … })
// observe clicks inside navigation links in #content
elem.on(‘click’, ‘nav a’, function(e){ … })
// all clicks inside links in the document
$(document).on(‘click’, ‘a’, function(e){ … })
// disable following any navigation link on the page
$(document).on(‘click’, ‘nav a’, false)[/code]

声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。