diff --git a/app/assets/javascripts/discourse/widgets/hooks.js.es6 b/app/assets/javascripts/discourse/widgets/hooks.js.es6
index d4796d5bb95..fb14a220b0e 100644
--- a/app/assets/javascripts/discourse/widgets/hooks.js.es6
+++ b/app/assets/javascripts/discourse/widgets/hooks.js.es6
@@ -7,6 +7,8 @@ const MOUSE_DOWN_OUTSIDE_ATTRIBUTE_NAME =
 const KEY_UP_ATTRIBUTE_NAME = "_discourse_key_up_widget";
 const KEY_DOWN_ATTRIBUTE_NAME = "_discourse_key_down_widget";
 const DRAG_ATTRIBUTE_NAME = "_discourse_drag_widget";
+const INPUT_ATTRIBUTE_NAME = "_discourse_input_widget";
+const CHANGE_ATTRIBUTE_NAME = "_discourse_change_widget";
 
 function buildHook(attributeName, setAttr) {
   return class {
@@ -42,6 +44,8 @@ export const WidgetMouseDownOutsideHook = buildHook(
 export const WidgetKeyUpHook = buildHook(KEY_UP_ATTRIBUTE_NAME);
 export const WidgetKeyDownHook = buildHook(KEY_DOWN_ATTRIBUTE_NAME);
 export const WidgetDragHook = buildHook(DRAG_ATTRIBUTE_NAME);
+export const WidgetInputHook = buildHook(INPUT_ATTRIBUTE_NAME);
+export const WidgetChangeHook = buildHook(CHANGE_ATTRIBUTE_NAME);
 
 function nodeCallback(node, attrName, cb) {
   const widget = findWidget(node, attrName);
@@ -168,5 +172,13 @@ WidgetClickHook.setupDocumentCallback = function() {
     nodeCallback(e.target, KEY_DOWN_ATTRIBUTE_NAME, w => w.keyDown(e));
   });
 
+  $(document).on("input.discourse-widget", e => {
+    nodeCallback(e.target, INPUT_ATTRIBUTE_NAME, w => w.input(e));
+  });
+
+  $(document).on("change.discourse-widget", e => {
+    nodeCallback(e.target, CHANGE_ATTRIBUTE_NAME, w => w.change(e));
+  });
+
   _watchingDocument = true;
 };
diff --git a/app/assets/javascripts/discourse/widgets/widget.js.es6 b/app/assets/javascripts/discourse/widgets/widget.js.es6
index ed848faa0dc..d24df979636 100644
--- a/app/assets/javascripts/discourse/widgets/widget.js.es6
+++ b/app/assets/javascripts/discourse/widgets/widget.js.es6
@@ -4,7 +4,9 @@ import {
   WidgetKeyUpHook,
   WidgetKeyDownHook,
   WidgetMouseDownOutsideHook,
-  WidgetDragHook
+  WidgetDragHook,
+  WidgetInputHook,
+  WidgetChangeHook
 } from "discourse/widgets/hooks";
 import { h } from "virtual-dom";
 import DecoratorHelper from "discourse/widgets/decorator-helper";
@@ -370,6 +372,14 @@ export default class Widget {
       properties["widget-drag"] = new WidgetDragHook(this);
     }
 
+    if (this.input) {
+      properties["widget-input"] = new WidgetInputHook(this);
+    }
+
+    if (this.change) {
+      properties["widget-change"] = new WidgetChangeHook(this);
+    }
+
     const attributes = properties["attributes"] || {};
     properties.attributes = attributes;