rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00
Code Issues Actions Packages Releases Activity

Add event delegation + fix EventHandler.one

Browse Source
This commit is contained in:
Johann-S 2017-08-23 12:01:38 +02:00 committed by XhmikosR
parent 00ca781171
commit a3398fffd6
2 changed files with 19 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
js/src/alert.js
View File

@ -153,12 +153,7 @@ class Alert {
* Data Api implementation
* ------------------------------------------------------------------------
*/
$(document).on(
Event.CLICK_DATA_API,
Selector.DISMISS,
Alert._handleDismiss(new Alert())
)
EventHandler.on(document, Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()))
/**
* ------------------------------------------------------------------------

25
js/src/dom/eventHandler.js
View File

@ -91,13 +91,27 @@ function bootstrapHandler(element, fn) {
}
}
function bootstrapDelegationHandler(selector, fn) {
return function (event) {
const domElements = document.querySelectorAll(selector)
for (let target = event.target; target && target !== this; target = target.parentNode) {
for (let i = domElements.length; i--;) {
if (domElements[i] === target) {
return fn.apply(target, [event])
}
}
}
}
}
const EventHandler = {
on(element, originalTypeEvent, handler) {
on(element, originalTypeEvent, handler, delegationFn) {
if (typeof originalTypeEvent !== 'string' ||
(typeof element === 'undefined' || element === null)) {
return
}
const delegation = typeof handler === 'string'
// allow to get the native events from namespaced events ('click.bs.button' --> 'click')
let typeEvent = originalTypeEvent.replace(stripNameRegex, '')
const isNative = nativeEvents.indexOf(typeEvent) > -1
@ -107,12 +121,11 @@ const EventHandler = {
const events = getEvent(element)
const handlers = events[typeEvent] || (events[typeEvent] = {})
const uid = getUidEvent(handler, originalTypeEvent.replace(namespaceRegex, ''))
// TODO : Handle multi events on one element
if (handlers[uid]) {
return
}
const fn = bootstrapHandler(element, handler)
const fn = !delegation ? bootstrapHandler(element, handler) : bootstrapDelegationHandler(handler, delegationFn)
handlers[uid] = fn
handler.uidEvent = uid
element.addEventListener(typeEvent, fn, false)
@ -125,10 +138,8 @@ const EventHandler = {
if (!events || !events[typeEvent]) {
return
}
const uidEvent = handler.uidEvent
const fn = events[typeEvent][uidEvent]
fn.apply(element, [e])
EventHandler.off(element, event, handler)
handler.apply(element, [e])
EventHandler.off(element, event, complete)
}
EventHandler.on(element, event, complete)
},