Content page button click event not triggering from master page using JavaScript/jQuery

userxGR5 0
Viewed 48

I have a master page and content page, In content page I have a button with server side click event. I want to call the content page button server side click event from master page button onClientClick event using JavaScript/jQuery. See below code which I tried, It is not showing any error (I have verified errors using F12 browser developer tools) and not firing the event. See below my code and suggest if I missed anything.

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
   <script type="text/javascript">
       $(document).ready(function () {
           console.log("ready!");           
           $("#btnMasterSubmit").click(function () {
               var btnContent = document.getElementById('ContentPlaceHolder1_btnSave');
               btnContent.click();
           });
       });
   </script>

The same code is working in IE browser but not in Edge and other browsers. I want to work this in Edge browser only.

Thanks, Suresh

master-pages asp.net jquery javascript html
1 Answers

Write a function in the master page like so

$(document).on('click', "#btnMasterSubmit,#ContentPlaceHolder1_btnSave", function(e) {
  clickHandler(e);
}

function clickHandler(e) {
  let id = $(e.target).attr('id');
  if (id == "#btnMasterSubmit") {
    // do something
  } else if (id == "#ContentPlaceHolder1_btnSave") {
    // do something else
  }
}

usercvMy0
Related