文章/答案/技术大牛

发布

社区首页 >问答首页 >单击鼠标变焦图像上相同的选项卡/窗口中未打开的事件

问单击鼠标变焦图像上相同的选项卡/窗口中未打开的事件
EN

Stack Overflow用户

提问于 2022-06-13 15:12:21

回答 1查看 80关注 0票数 2

我试图打开一个网页在同一选项卡/窗口上，点击一个变焦图像。我试过_self，但它不起作用。此外，我正在使用谷歌网站开发一个简单的网站。这似乎很容易，但得不到答案，我无法解决这个问题。附加我的密码。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
* {
  box-sizing: border-box;
}

.zoom[href] {
  padding: 2px;
  transition: transform .3s;
  width: 150px;
  height: 81px;
  margin: 0 auto;
  overflow: hidden;
}

.zoom:hover {
  -ms-transform: scale(1.3); /* IE 9 */
  -webkit-transform: scale(1.3); /* Safari 3-8 */
  transform: scale(1.3); 
}
::-webkit-scrollbar {
width: 0px; /* remove scrollbar space /
background: transparent; / optional: just make scrollbar invisible /
}
/ optional: show position indicator in red */
::-webkit-scrollbar-thumb {
background: #FF0000;
}
</style>
<script type="text/javascript">
var windowObjectReference = null; // global variable
function openRequestedPopup(url, windowName) {
  if(windowObjectReference == null || windowObjectReference.closed) {
    windowObjectReference = window.open(url, windowName, "_self");
  } else {
    windowObjectReference.focus();
  };
}
</script>
</head>
<body>
<div class="zoom">
<a href="https://www.google.com" onclick="openRequestedPopup(this.href, this.target); return false;">
<img src="https://via.placeholder.com/250" alt="Our Performance" styles="width:100%">
</a>
</div>
</body>
</html>

这就是我的现状：

这就是我所期待的：

javascript

html

css

google-sites

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-06-14 16:28:52

我的理解是，当用户单击页面时，您打算在页面中打开一个弹出。实现这一目标的办法如下：

1.创建一个iframe

您需要创建这样一个iframe：

<iframe id="mypopup" style="display:none;"></iframe>

2.创建一个用URL打开它的函数

function openIFrame(url) {
    let myPopup = document.getElementById("mypopup");
    mypopup.style.display = "block";
    mypopup.src = url;
}

3.点击鼠标执行它。

有点像

onclick="openIFrame(this.href); return false;"

在你的锚上。

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/72605162

复制

相似问题

问单击鼠标变焦图像上相同的选项卡/窗口中未打开的事件
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击鼠标变焦图像上相同的选项卡/窗口中未打开的事件EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问单击鼠标变焦图像上相同的选项卡/窗口中未打开的事件
EN