javascript - HTML open fresh new window again on image onclick - Stack Overflow

admin管理员组

文章数量:1310178

Trying different options like I have page opened in new window below opens in newtab

 <a href="imageurl" target="_blank">
        <img src="imageurl" style="width: 50%; height: 220px;">
  </a>

Below overrides the current window

<img src="imageurl" style="width: 50%; height: 220px;" onclick="window.open(this.src)">

Looking to open in new window again. Please suggest

Trying different options like I have page opened in new window below opens in newtab

 <a href="imageurl" target="_blank">
        <img src="imageurl" style="width: 50%; height: 220px;">
  </a>

Below overrides the current window

<img src="imageurl" style="width: 50%; height: 220px;" onclick="window.open(this.src)">

Looking to open in new window again. Please suggest

• javascript
• html
• image

Share Improve this question Follow edited Nov 6, 2020 at 16:25 Swati 28.5k44 gold badges2525 silver badges4444 bronze badges asked Nov 6, 2020 at 6:14 Nagappa L MNagappa L M 1,48055 gold badges2020 silver badges3434 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 8

To trigger a new window instead of a new tab (something you should generally be reluctant to do) you need to specify some window features which the browser won't apply to a tab.

Setting resizable is sufficient in Chrome. I haven't tested in other browsers.

HTML:

<a href="http://placekitten./100/100" target="_blank">
  <img src="http://placekitten./100/100">
</a>

JS:

const openInNewWindow = event => {
  event.preventDefault();
  const {href, target} = event.currentTarget;
  const features = "resizable";
  window.open(href, target, features);
};


document.querySelector("a")
  .addEventListener("click", openInNewWindow);

(Don't bind click event listeners to images, they aren't designed as interactive controls. Users who depend on (for example) a screen reader or a keyboard focus to interact with a document will find it difficult or impossible to trigger a click on an image. Use semantic markup. If you are linking something, use a link, then enhance with JS.)

Try like

window.open(this.src,"_blank");

本文标签： javascriptHTML open fresh new window again on image onclickStack Overflow