How can I hide an uncaught error from my browser?

Question

I have some simple code that does the job but gives an uncaught error.

 ck.setMode('source');
 ck.setMode( 'wysiwyg'); 

This is giving me the message:

Uncaught TypeError: Cannot read property 'on' of undefined 

I know it's probably a bad practice but the error does not cause any problems and I would like to avoid it showing in the browser. Is there some way that I could enclose this code so it does not give a browser console alert?

Here's the code that encloses the above:

ngModel.$render = function () {
    if (typeof ngModel.$modelValue != 'undefined') {
        if (ngModel.$modelValue != null) {
            ck.setData(ngModel.$modelValue);
             timer = setTimeout(function () {
                ck.setData(ngModel.$modelValue);
             }, 1000);
             timer = setTimeout(function () {
                 ck.setMode('source');
                 ck.setMode('wysiwyg');
             }, 1000);
        }   
    }
};

Answer 1

You may use code like this:

window.onerror = function(message, url, lineNumber) {  
    // maybe some handling?  
    return true; // prevents browser error messages  
};

It prevents all error messages, so use it with care.

Answer 2

You can put your code block inside a try catch. So your code would become like this.

try {
   ck.setMode('source');
   ck.setMode( 'wysiwyg'); 
}
catch (error) {
   // handle your error
}