Merge pull request #21 from dhershman1/development

Development

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## v2.4.0
+
+### New
+
+- Added the `event` Object itself to the function call, it is passed as the 2nd parameter
+
 ## v2.3.0
 
 ### New

README.md

@@ -120,7 +120,7 @@ You can pass the time in multiple formats:
 <input v-debounce:1s.unlock="myFunc" type="text" />
 ```
 
-The value of the input is passed along to your function
+The value of the input is passed along to your function as the first parameter, and the 2nd parameter is the event object itself.
 
 ## Overwriting Events
 
@@ -146,8 +146,9 @@ A full example:
 <script>
 export default {
   methods: {
-    myFn(val) {
+    myFn(val, e) {
       console.log(val) // => The value of the input
+      console.log(e) // => The event object
     }
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-debounce",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "A simple vue directive for debounce",
   "main": "dist/vue-debounce.min.js",
   "types": "types/index.d.ts",

src/index.js

@@ -20,20 +20,20 @@ export default {
     Vue.directive('debounce', {
       bind (el, { value, arg, modifiers }) {
         const listener = figureOutEvent(el.attributes, listenTo)
-        const fn = debounce(target => {
-          value(target.value)
+        const fn = debounce(e => {
+          value(e.target.value, e)
         }, arg || defaultTime)
 
-        function handler ({ key, target }) {
+        function handler (event) {
           const isUnlocked = (!modifiers.lock && !lock) || modifiers.unlock
 
-          if ((key === 'Enter' && isUnlocked) || (!target.value && fireOnEmpty)) {
+          if ((event.key === 'Enter' && isUnlocked) || (!event.target.value && fireOnEmpty)) {
             fn.cancel()
-            value(target.value)
+            value(event.target.value, event)
           }
 
-          if (key !== 'Enter') {
-            fn(target)
+          if (event.key !== 'Enter') {
+            fn(event)
           }
         }
 

tests/test.html

@@ -26,9 +26,10 @@
       new Vue({
         el: '#app',
         methods: {
-          foo (val) {
+          foo (val, e) {
             console.log('FOOBAR')
             console.log(val)
+            console.log(e)
           },
           testFn(val) {
             return cbVal => {