/
fj.js
139 lines (138 loc) · 4.88 KB
/
fj.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
var fj = function(id){
return document.getElementById(id)
}
fj.init = function() {
this.develop.init()
}
fj.dom = (function(){
return {
lastSibling:function(node){//tag
var tempNode = node.parentNode.lastChild
if(!!tempNode && tempNode.nodeType !== 1){
tempNode = this.previous(tempNode)
}
return tempNode
},
firstSibling:function(node){
var tempNode = node.parentNode.firstChild
if(!!tempNode && tempNode.nodeType !== 1){
tempNode = this.next(tempNode)
}
return tempNode
},
previous:function(node){
var tempNode = node.previousSibling
while( !!tempNode && tempNode.nodeType !== 1){
tempNode = tempNode.previousSibling
}
return tempNode
},
next:function(node){
var tempNode = node.nextSibling
while( !!tempNode && tempNode.nodeType !== 1){
tempNode = tempNode.nextSibling
}
return tempNode
},
getChildText:function(node){
if( !node.hasChildNodes() ) return false
var tempNode = node.firstChild
while( !!tempNode && ( tempNode.nodeType != 3 || /^\s+$/.test(tempNode.nodeValue) )){
tempNode = tempNode.nextSibling
}
return tempNode.nodeValue || false
},
setChildText:function(node,text){
if( !node.hasChildNodes() ) return false
var tempNode = node.firstChild
while( !!tempNode && ( tempNode.nodeType != 3 || /^\s+$/.test(tempNode.nodeValue) )){
tempNode = tempNode.nextSibling
}
if( tempNode ) return tempNode.nodeValue = text
else return false
},
createTextElement:function(elementName,text){
var element = document.createElement(elementName.toLowerCase())
element.appendChild(document.createTextNode(text))
return element
},
createLink:function(href, text){
var link = this.createTextElement('a',text)
link.setAttribute('href',href)
return link
}
}
})()
fj.event = (function(){
return {
getKeyCode:function(e){
var key
if(window.event) key = window.event.keyCode
else key = e.keyCode
return key
},
getTarget:function(e){
var target = window.event?window.event.srcElement:e.target
if(!target) return false
while(target.nodeType!==1 && target.nodeName.toLowerCase() !== 'body' ) target = target.parentNode
return target
},
stopBubble:function(e){
if( e && e.stopPropagation) e.stopPropagation()
else if(window.event ) window.event.cancelBubble = true
},
preventDefault:function(e){
if( e && e.preventDefault ) e.preventDefault()
else if (window.event ) window.event.returnValue = false
},
add:function(node,eventType,fn){
if(node.addEventListener) node.addEventListener(eventType,fn,false)
else if(node.attachEvent) node.attachEvent('on'+eventType,fn)
else node['on'+eventType] = fn
},
//FIXME: IE浏览器中使用add方法可以多次添加同一fn,而在Firefox中只有一次
remove:function(node,eventType,fn){
if(node.removeEventListener) node.removeEventListener(eventType,fn,false)
else if(node.detachEvent) node.detachEvent('on'+eventType,fn)
else node['on'+eventType] = false
}
}
})()
fj.css = (function(){
return {
swap:function(node,oldCssClass,newCssClass){
if( !this.has(node,oldCssClass) || !!this.has(node,newCssClass) ) return false
var reg = new RegExp('\\b'+oldCssClass+'\\b')
node.className = node.className.replace(reg,newCssClass)
},
add:function(node,cssClass){
if( this.has(node,cssClass) ) return true
node.className += (' '+cssClass)
},
remove:function(node,cssClass){
var reg = new RegExp('\\b'+cssClass+'\\b')
node.className = node.className.replace(reg,"")
},
has:function(node,cssClass){
var reg = new RegExp('\\b'+cssClass+'\\b')
return reg.test(node.className)
}
}
})();
fj.develop = (function(){
return {
enabled: true,
developTip: [],
init:function(){
if(!fj.develop.enabled) return
fj.event.add(window,'error',function(msg,url,line){
var text = (new Date()-0) + ': ' + msg + ' ' + line
console && console.log(text)
fj.developTip.push(msg)
})
}
}
})()
void function(){
fj.init()
}()