gpt4 book ai didi

javascript - jQuery在IFRAME中找到鼠标单击位置

转载 作者:行者123 更新时间:2023-11-30 06:31:19 24 4
gpt4 key购买 nike

我在IFRAME中有一个内容,单击鼠标时需要查找顶部和左侧坐标。

我正在使用以下代码查找顶部和左侧坐标,但是在IFRAME滚动时顶部(e.pageY)坐标给出了错误的位置。

var iframeDoc = $('#bookcontentHeight').contents().get(0);
// Bind event to iframe document
$(iframeDoc).bind('mouseup', function(e) {
e.preventDefault();
$("#custom-menu").css({
top: e.pageY + "px", left: e.pageX + "px"
}).show(100);
});

最佳答案

注意:-代码在JS中

<head>
<script language="JavaScript">
function point_it(event){
pos_x = event.offsetX?(event.offsetX):event.pageX-document.getElementById("pointer_div").offsetLeft;
pos_y = event.offsetY?(event.offsetY):event.pageY-document.getElementById("pointer_div").offsetTop;
document.getElementById("cross").style.left = (pos_x-1) ;
document.getElementById("cross").style.top = (pos_y-15) ;
document.getElementById("cross").style.visibility = "visible" ;
document.pointform.form_x.value = pos_x;
document.pointform.form_y.value = pos_y;
}
</script>
</head>
<body>
<form name="pointform" method="post">
<div id="pointer_div" onclick="point_it(event)" style = "background-image:url('sun.jpg');width:500px;height:333px;">
<img src="point.gif" id="cross" style="position:relative;visibility:hidden;z-index:2;"></div>
You pointed on x = <input type="text" name="form_x" size="4" /> - y = <input type="text" name="form_y" size="4" />
</form>
</body>
</html>


这在jquery中得到了等效的效果。

关于javascript - jQuery在IFRAME中找到鼠标单击位置,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17439443/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com