function spawnNotification(theBody, theIcon, theTitle, theLink) {
  var options = {
    body: theBody,
    icon: theIcon
  }
  var notification = new Notification(theTitle, options);
  notification.onclick = function() { 
    var myWindow = window.open(theLink,"_blank");
    myWindow.focus();
  };
  setTimeout(notification.close.bind(notification), 4000);
}

I am trying to open a new tab and to focus it , when the notification box is clicked.

I am using the above fuction to open a link in a new tab and to focus on that newly opened tab. But its not working.

New tab is opened, but the focus remains on the old tab itself. How can I solve this?

function spawnNotification(theBody, theIcon, theTitle, theLink) {
  var options = {
    body: theBody,
    icon: theIcon
  }
  var notification = new Notification(theTitle, options);
  notification.onclick = function() { 
    var myWindow = window.open(theLink,"_blank");
    myWindow.focus();
  };
  setTimeout(notification.close.bind(notification), 4000);
}

I am trying to open a new tab and to focus it , when the notification box is clicked.

I am using the above fuction to open a link in a new tab and to focus on that newly opened tab. But its not working.

New tab is opened, but the focus remains on the old tab itself. How can I solve this?

• javascript
• browser

• window.open(url, '_blank') opens a new tab and puts it in focus by default so there must be something else causing the focus to remain in the original tab. – Mathias W Commented Jun 17, 2017 at 10:27
• @MathiasW I will edit this question and add more of my code to this. So that you can help me with this. – Anoop Mayampilly Muraleedharan Commented Jun 17, 2017 at 10:34

1 Answer 1

function spawnNotification(theBody, theIcon, theTitle, theLink) {
  var options = {
    body: theBody,
    icon: theIcon
  }
  var notification = new Notification(theTitle, options);
  notification.onclick = function(event) {
    event.preventDefault(); // prevent the browser from focusing the Notification's tab
    window.open(theLink, '_blank');
  }

  setTimeout(notification.close.bind(notification), 7000);
}

I changed my code as shown above. Now it works perfect. See: https://developer.mozilla/en-US/docs/Web/API/Notification/onclick#Examples