Emacs Javascript Indentation

Question

I copied some code:

document.addEventListener('DOMContentLoaded', function()                                                                                                                                 
                          {                                                                                                                                                              
                            var checkPageButton = document.getElementById('checkPage');                                                                                                  
                            checkPageButton.addEventListener('click', function()                                                                                                         
                                                             {                                                                                                                           

                                                               chrome.tabs.getSelected(null, function(tab) 

Of, course, this looks terrible, because it indents all the way to the bracket. Is there anyway to get it like 2 spaces:

document.addEventListener('DOMContentLoaded', function()                                                                                                                                 
  {                                                                                                                                                                                      
    var checkPageButton = document.getElementById('checkPage');                                                                                                                          
    checkPageButton.addEventListener('click', function()                                                                                                                                 
      {                                                                                                                                                                                  
        chrome.tabs.getSelected(null, function(tab)

Answer 1

I don't know if there is a way to do this in javascript-mode , but I just tested Web Mode , and it has this behavior by default. This was the indentation it gave me for your code ( emacs -Q ):

document.addEventListener('DOMContentLoaded', function()
    {
        var checkPageButton = document.getElementById('checkPage');
        checkPageButton.addEventListener('click', function()
            {
                chrome.tabs.getSelected(null, function(tab)

I use web-mode both for standalone JS files, and for HTML files with embedded JS.