I have a project with a lot of libraries, like jQuery, Kendo and AngularJS. After an update with many mits textarea stopped breaking to a new line by [Enter] press. Maybe, somewhere the event has been unbound or a library interrupts. I tried to get listeners for the object by JQuery.data(element), but it got undefined. How can I debug it?

I have a project with a lot of libraries, like jQuery, Kendo and AngularJS. After an update with many mits textarea stopped breaking to a new line by [Enter] press. Maybe, somewhere the event has been unbound or a library interrupts. I tried to get listeners for the object by JQuery.data(element), but it got undefined. How can I debug it?

• javascript
• jquery
• html

• 3 Try to reproduce a minimal snippet that reproduces the bug, for instance on jsfiddle – nicolallias Commented Oct 15, 2015 at 14:34
• Adding to what @nicolallias remended, be sure to add any relevant libraries into the snippet using CDNs in JSFiddle. That way it can closely replicate your own code. – Jacob Stamm Commented Oct 15, 2015 at 14:36
• 2 In Chrome, press F12, go to Sources tab, at right side, look for Event listener breakpoints, then expand Keyboard. Happy debug. – kosmos Commented Oct 15, 2015 at 14:38
• Unfortunately, I cannot reproduce the snippet, because there's a lot of code that generates the form from template and some others. Is keypress on this element some kinf of 'internal' event? Can it be interrupted or unbound somehow? – c4off Commented Oct 15, 2015 at 14:54
• @c4off can you provide your code .? or you my try e.stopPropagation() and e.preventDefault() – Himesh Aadeshara Commented Oct 15, 2015 at 15:20

3 Answers 3

Try this:

$('textbox').keypress(function(e){
  e.stopPropagation();
});

This will prevent any other binded event to be fired when user writes inside the textbox.

In my case Enter and arrow keys were not working, key-press wasn't detecting the events, changed to key-down, it worked

$(document).ready(function () {
    $('input, textarea').keydown(function (e) {
        e.stopPropagation();
    });
});

Found a problem. Somewhere in the code:

$(document).keypress(function (e) {
    if (e.which == 13) {
        e.preventDefault();
    }
});

It was used to catch 'Enter' press, that led to another page, because menu element was focused on start.