diff --git a/dist/image-editor.js b/dist/image-editor.js
index a399415..475d496 100644
--- a/dist/image-editor.js
+++ b/dist/image-editor.js
@@ -1348,7 +1348,7 @@ function ImageEditor(canvasId, args) {
   _canvas.getButtonMenu().render();
 
   // Binding fullscreen change event to the image-editor wrapper. This way we can set the correct button active.
-  $(_canvas.getSelectionElement().parentNode).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function() {
+  $(_canvas.getSelectionElement().parentNode).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function() {
     var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
 
     if (isFullscreen) {
diff --git a/src/ImageEditor.js b/src/ImageEditor.js
index 5ac9245..3a4a058 100644
--- a/src/ImageEditor.js
+++ b/src/ImageEditor.js
@@ -79,7 +79,7 @@ function ImageEditor(canvasId, args) {
   _canvas.getButtonMenu().render();
 
   // Binding fullscreen change event to the image-editor wrapper. This way we can set the correct button active.
-  $(_canvas.getSelectionElement().parentNode).bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function() {
+  $(_canvas.getSelectionElement().parentNode).on('webkitfullscreenchange mozfullscreenchange fullscreenchange', function() {
     var isFullscreen = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
 
     if (isFullscreen) {