popup 相关问题

我很困惑，我已经盯着这段代码看了一个小时了我很困惑，我已经连续盯着这个代码一个小时了我想制作一个可拖动的弹出窗口（得到那部分），但我希望它能够关闭和打开？我希望按钮位于可拖动元素内。这就是我到目前为止所得到的，任何事情都会非常有帮助，因为我不知道我做错了什么:,D ps！我只能使用 html+css+javascript，不能使用 jquery :( var mydragg = function() { return { move: function(divid, xpos, ypos) { divid.style.left = xpos + 'px'; divid.style.top = ypos + 'px'; }, startMoving: function(divid, container, evt) { evt = evt || window.event; var posX = evt.clientX, posY = evt.clientY, divTop = divid.style.top, divLeft = divid.style.left, eWi = parseInt(divid.style.width), eHe = parseInt(divid.style.height), cWi = parseInt(document.getElementById(container).style.width), cHe = parseInt(document.getElementById(container).style.height); document.getElementById(container).style.cursor = 'move'; divTop = divTop.replace('px', ''); divLeft = divLeft.replace('px', ''); var diffX = posX - divLeft, diffY = posY - divTop; document.onmousemove = function(evt) { evt = evt || window.event; var posX = evt.clientX, posY = evt.clientY, aX = posX - diffX, aY = posY - diffY; if (aX < 0) aX = 0; if (aY < 0) aY = 0; if (aX + eWi > cWi) aX = cWi - eWi; if (aY + eHe > cHe) aY = cHe - eHe; mydragg.move(divid, aX, aY); } }, stopMoving: function(container) { var a = document.createElement('script'); document.getElementById(container).style.cursor = 'default'; document.onmousemove = function() {} }, } }(); function close() { document.getElementById('elem').style.display = 'none'; } .container { position: absolute; background-color: blue; } .elem { position:absolute; background-color: green; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } <div class="container" id='container' style="width: 600px;height: 400px;top:50px;left:50px;"> <div class="elem" id="elem" onmousedown='mydragg.startMoving(this,"container",event);' onmouseup='mydragg.stopMoving("container");' style="width: 200px;height: 100px;"> <button onClick="close()"> x </button> </div> </div> close关键字是保留的，这就是为什么不调用该函数的原因。您需要更改函数名称。 var mydragg = function() { return { move: function(divid, xpos, ypos) { divid.style.left = xpos + 'px'; divid.style.top = ypos + 'px'; }, startMoving: function(divid, container, evt) { evt = evt || window.event; var posX = evt.clientX, posY = evt.clientY, divTop = divid.style.top, divLeft = divid.style.left, eWi = parseInt(divid.style.width), eHe = parseInt(divid.style.height), cWi = parseInt(document.getElementById(container).style.width), cHe = parseInt(document.getElementById(container).style.height); document.getElementById(container).style.cursor = 'move'; divTop = divTop.replace('px', ''); divLeft = divLeft.replace('px', ''); var diffX = posX - divLeft, diffY = posY - divTop; document.onmousemove = function(evt) { evt = evt || window.event; var posX = evt.clientX, posY = evt.clientY, aX = posX - diffX, aY = posY - diffY; if (aX < 0) aX = 0; if (aY < 0) aY = 0; if (aX + eWi > cWi) aX = cWi - eWi; if (aY + eHe > cHe) aY = cHe - eHe; mydragg.move(divid, aX, aY); } }, stopMoving: function(container) { var a = document.createElement('script'); document.getElementById(container).style.cursor = 'default'; document.onmousemove = function() {} }, } }(); function closePopup() { document.getElementById('elem').style.display = 'none'; } function openPopup() { document.getElementById('elem').style.display = 'block'; } .container { position: absolute; background-color: blue; } .elem { position:absolute; background-color: green; -webkit-user-select: none; -moz-user-select: none; -o-user-select: none; -ms-user-select: none; -khtml-user-select: none; user-select: none; } <div class="container" id='container' style="width: 600px;height: 400px;top:50px;left:50px;"> <div class="elem" id="elem" onmousedown='mydragg.startMoving(this,"container",event);' onmouseup='mydragg.stopMoving("container");' style="width: 200px;height: 100px;"> <button onClick="closePopup()"> x </button> </div> </div> <button onclick="openPopup()">Open Popup</button>

javascript popup draggable

回答 1 投票 0

关闭弹出窗口后缩放时出现传单错误

我已经在这里看到了同样的问题：StackOverflow 但没有一个答案有帮助，或者至少我不明白。如果我通过单击在地图上放置一个新标记，然后通过 cl 删除该标记...

javascript leaflet popup vuejs3 zooming

回答 2 投票 0

弹出窗口的文本未显示在html标记中，如何使用python + selenium检查它？

我正在使用selenium + python设计一个自动测试并面临所描述的问题。当您单击“注册”按钮时，会出现一个带有文本的弹出窗口。我需要检查是否

python selenium-webdriver popup autotest

回答 1 投票 0

页面刷新时弹出表单不再出现

我有一个弹出表单，当页面首次在浏览器中加载时会加载。用户需要填写表单，单击“提交”，然后表单关闭。此时如果刷新页面，会弹出...