92 lines
2.4 KiB
JavaScript
92 lines
2.4 KiB
JavaScript
class eventBinding {
|
|
constructor() {
|
|
this.element = {}
|
|
}
|
|
static event = {}
|
|
|
|
getEvent(name) {
|
|
return eventBinding.event[name]
|
|
}
|
|
|
|
getEventAll() {
|
|
return eventBinding.event
|
|
}
|
|
|
|
setEvent(name, event) {
|
|
eventBinding.event[name] = event
|
|
}
|
|
|
|
on(that, elements) {
|
|
for (let i = 0; i < elements.length; i++) {
|
|
let Event = []
|
|
let isEvent = false
|
|
let removeName = []
|
|
if (!elements[i] || !elements[i].attributes) {
|
|
continue;
|
|
}
|
|
for (let m of elements[i].attributes) {
|
|
switch (m.name) {
|
|
case '@model': {
|
|
isEvent = true
|
|
if (elements[i].type == 'checkbox') {
|
|
Event.push((e) => { that[m.value] = e.target.checked })
|
|
elements[i].checked = that[m.value]
|
|
}
|
|
else {
|
|
Event.push((e) => {
|
|
let value = e.target.value
|
|
if (e.target.type == 'number') {
|
|
value = Number(value)
|
|
}
|
|
that[m.value] = value
|
|
})
|
|
if (elements[i].nodeName == 'IMG') {
|
|
elements[i].src = that[m.value]
|
|
}
|
|
else {
|
|
elements[i].value = that[m.value]
|
|
}
|
|
}
|
|
if (this.element[m.value]) {
|
|
this.element[m.value].push(elements[i])
|
|
}
|
|
else {
|
|
this.element[m.value] = [elements[i]]
|
|
}
|
|
removeName.push(m.name)
|
|
break;
|
|
}
|
|
case '@click': {
|
|
elements[i].addEventListener('click', (e) => {
|
|
if (typeof (that.Dialog[m.value]) === 'function') {
|
|
that.Dialog[m.value](e)
|
|
}
|
|
});
|
|
removeName.push(m.name)
|
|
// elements[i].attributes.removeNamedItem(m.name)
|
|
break;
|
|
}
|
|
}
|
|
// elements[i].attributes[m] = undefined
|
|
}
|
|
for (let n = 0; n < removeName.length; n++) {
|
|
elements[i].attributes.removeNamedItem(removeName[n])
|
|
}
|
|
|
|
if (isEvent) {
|
|
let ventType = 'input'
|
|
if (elements[i].tagName != 'INPUT' || elements[i].type == 'checkbox') {
|
|
ventType = 'change'
|
|
}
|
|
elements[i].addEventListener(ventType, (e) => {
|
|
for (let t = 0; t < Event.length; t++) {
|
|
Event[t](e)
|
|
}
|
|
});
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
const EventBinding = new eventBinding();
|
|
export default EventBinding; |