@alicloudfe/components
Version:
A react component library for aliyun
63 lines (62 loc) • 2.32 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.once = exports.on = exports.off = void 0;
/**
* 取消事件绑定
* @param {*} node DOM节点或任何可以绑定事件的对象
* @param {String} eventName 事件名
* @param {Function} callback 回调方法
* @param {Boolean} [useCapture=false] 是否开启事件捕获优先
*/
function off(node, eventName, callback, useCapture) {
/* istanbul ignore else */
if (node.removeEventListener) {
node.removeEventListener(eventName, callback, useCapture || false);
}
}
exports.off = off;
/**
* 绑定事件
* @param {*} node DOM节点或任何可以绑定事件的对象
* @param {String} eventName 事件名
* @param {Function} callback 回调方法
* @param {Boolean} useCapture 是否开启事件捕获优先
* @return {Object} 返回的object中包含一个off方法，用于取消事件监听
*
* @example
* const handler = events.on(document.body, 'click', e => {
* // handle click ...
* });
* // 取消事件绑定
* handler.off();
*/
function on(node, eventName, callback, useCapture) {
/* istanbul ignore else */
if (node.addEventListener) {
node.addEventListener(eventName, callback, useCapture || false);
}
return {
off: function () { return off(node, eventName, callback, useCapture); },
};
}
exports.on = on;
/**
* 绑定事件，只执行一次后销毁
* @param {*} node DOM节点或任何可以绑定事件的对象
* @param {String} eventName 事件名
* @param {Function} callback 回调方法
* @param {Boolean} useCapture 是否开启事件捕获优先
* @return {Function} 返回的object中包含一个off方法，用于取消事件监听
*/
function once(node, eventName, callback, useCapture) {
return on(node, eventName, function __fn() {
var args = [];
for (var _i = 0; _i < arguments.length; _i++) {
args[_i] = arguments[_i];
}
callback.apply(this, args);
// 由于addEventListener中的参数options只在Chrome 55、Firefox(Gecko)以上版本支持，故还是用传统的方法实现once
off(node, eventName, __fn, useCapture);
}, useCapture);
}
exports.once = once;