tinyScroll
tinyEmitter function tinyEmitter() {
}
tinyEmitter.prototype.on = function(evtype, fn) {
this._events = this._events || {};
this._events[evtype] = this._events[evtype] || [];
if (this._events[evtype].indexOf(fn) !== -1) return;
this._events[evtype].push(fn);
}
tinyEmitter.prototype.off = function(evtype, fn) {
this._events = this._events || {};
if (evtype in this._events === false) return;
fn && this._events[evtype].splice(this._events[evtype].indexOf(fn), 1);
!fn && delete this._events[evtype];
}
tinyEmitter.prototype.emit = function(evtype) {
this._events = this._events || {};
var self = this, args = [].slice.call(arguments, 1);
if (evtype in this._events === false) return;
this._events[evtype].forEach(function(fn, i) {
fn.apply(self, args);
});
}
tinyEmitter.eventify = function(Klass) {
Klass.prototype = Object.create(Klass.prototype);
for (var attr in tinyEmitter.prototype) {
Klass.prototype[attr] = tinyEmitter.prototype[attr]
}
return Klass;
}
tinyScroll
function tinyScroll() {
}
tinyEmitter.eventify(tinyScroll);
tinyScroll.prototype.init = function() {
var self = this;
self.checkDir();
}
tinyScroll.prototype.checkDir = function(e) {
var self = this, scrollTop = self.scrollTop = self.scrollTop || document.body.scrollTop;
if (scrollTop > document.body.scrollTop) {
self.emit('up', e);
}
if (scrollTop < document.body.scrollTop) {
self.emit('down', e);
}
self.emit('scroll', e);
}
// use
var s = new tinyScroll();
s.on('down', function() {
console.log('down...');
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSON
JSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다.
그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다.
저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
function tinyEmitter() {
}
tinyEmitter.prototype.on = function(evtype, fn) {
this._events = this._events || {};
this._events[evtype] = this._events[evtype] || [];
if (this._events[evtype].indexOf(fn) !== -1) return;
this._events[evtype].push(fn);
}
tinyEmitter.prototype.off = function(evtype, fn) {
this._events = this._events || {};
if (evtype in this._events === false) return;
fn && this._events[evtype].splice(this._events[evtype].indexOf(fn), 1);
!fn && delete this._events[evtype];
}
tinyEmitter.prototype.emit = function(evtype) {
this._events = this._events || {};
var self = this, args = [].slice.call(arguments, 1);
if (evtype in this._events === false) return;
this._events[evtype].forEach(function(fn, i) {
fn.apply(self, args);
});
}
tinyEmitter.eventify = function(Klass) {
Klass.prototype = Object.create(Klass.prototype);
for (var attr in tinyEmitter.prototype) {
Klass.prototype[attr] = tinyEmitter.prototype[attr]
}
return Klass;
}
function tinyScroll() {
}
tinyEmitter.eventify(tinyScroll);
tinyScroll.prototype.init = function() {
var self = this;
self.checkDir();
}
tinyScroll.prototype.checkDir = function(e) {
var self = this, scrollTop = self.scrollTop = self.scrollTop || document.body.scrollTop;
if (scrollTop > document.body.scrollTop) {
self.emit('up', e);
}
if (scrollTop < document.body.scrollTop) {
self.emit('down', e);
}
self.emit('scroll', e);
}
// use
var s = new tinyScroll();
s.on('down', function() {
console.log('down...');
});
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.