Pass original event that triggered text replacement.

README.md

@@ -212,7 +212,8 @@ You can bind to the `tribute-replaced` event to know when we have updated your t
 If your element has an ID of `myElement`:
 ```js
 document.getElementById('myElement').addEventListener('tribute-replaced', function (e) {
-  console.log('Text replaced!');
+  console.log('Text replaced with:', e.detail.text);
+  console.log('Original event that triggered text replacement:', e.detail.event);
 });
 ```
 

example/index.html

@@ -140,7 +140,8 @@ <h5>Tribute on traditional form elements!</h5>
       tributeMultipleTriggers.attach(document.getElementById('testMultiple'));
 
       document.getElementById('test').addEventListener('tribute-replaced', function (e) {
-        console.log('Text replaced by Tribute!');
+        console.log('Text replaced by Tribute!', e.detail.text);
+        console.log('Original Event:', e.detail.event);
       });
 
       document.getElementById('test').addEventListener('tribute-no-match', function (e) {

src/Tribute.js

@@ -267,16 +267,16 @@ class Tribute {
         }
     }
 
-    selectItemAtIndex(index) {
+    selectItemAtIndex(index, originalEvent) {
         index = parseInt(index)
         if (typeof index !== 'number') return
         let item = this.current.filteredItems[index]
         let content = this.current.collection.selectTemplate(item)
-        this.replaceText(content)
+        this.replaceText(content, originalEvent)
     }
 
-    replaceText(content) {
-        this.range.replaceTriggerText(content, true, true)
+    replaceText(content, originalEvent) {
+        this.range.replaceTriggerText(content, true, true, originalEvent)
     }
 
     _append(collection, newValues, replace) {

src/TributeEvents.js

@@ -69,7 +69,7 @@ class TributeEvents {
                     throw new Error('cannot find the <li> container for the click')
                 }
             }
-            tribute.selectItemAtIndex(li.getAttribute('data-index'))
+            tribute.selectItemAtIndex(li.getAttribute('data-index'), event)
             tribute.hideMenu()
         } else if (tribute.current.element) {
             tribute.hideMenu()
@@ -161,7 +161,7 @@ class TributeEvents {
                     e.preventDefault()
                     e.stopPropagation()
                     setTimeout(() => {
-                        this.tribute.selectItemAtIndex(this.tribute.menuSelected)
+                        this.tribute.selectItemAtIndex(this.tribute.menuSelected, e)
                         this.tribute.hideMenu()
                     }, 0)
                 }

src/TributeRange.js

@@ -91,15 +91,18 @@ class TributeRange {
         }
     }
 
-    replaceTriggerText(text, requireLeadingSpace, hasTrailingSpace) {
+    replaceTriggerText(text, requireLeadingSpace, hasTrailingSpace, originalEvent) {
         let context = this.tribute.current
         this.resetSelection(context.element, context.selectedPath, context.selectedOffset)
 
         let info = this.getTriggerInfo(true, hasTrailingSpace, requireLeadingSpace, this.tribute.allowSpaces)
 
         // Create the event
         let replaceEvent = new CustomEvent('tribute-replaced', {
-            detail: text
+            detail: {
+                text: text,
+                event: originalEvent
+            }
         })
 
         if (info !== undefined) {