我有一个如下所示的 JavaScript 提示,我想将提示放在屏幕中心。如何使用 javascript 做到这一点?
function showUpdate() {
var x;
var name=prompt("Please enter your name","");
if ( name != null ) {
x="Hello " + name + "! How are you today?";
alert("Input : " + name );
}
}
我就是这样称呼它的:
<a onclick = "showUpdate() " style="vertical-align: middle;" class="parent" href=""><span>5. Missed P/U Comments</span></a>
它可以找到,除了提示符转到左上角IE
并集中在Firefox
但我需要相同的解决方案才能在两种浏览器中工作。
The prompt
(and alert
) 弹出窗口的实现方式有所不同,具体取决于您使用的浏览器。这是因为弹出窗口是浏览器功能,它们不是 JavaScript 对象或类似的东西。 (就像每个浏览器的控制台都不同一样,这取决于实现。)
如果您确实希望提示的位置/样式保持一致,则必须构建自己的提示。
最简单的方法是使用像这样的库jQueryUI http://jqueryui.com/dialog/#modal-form.
另一方面,您可以自己构建它:
document.getElementById('showPromptButton').addEventListener('click', showSprompt);
document.getElementById('promptButton').addEventListener('click', submitPrompt);
var prompt = document.getElementById('myPrompt');
var promptAnswer = document.getElementById('promptAnswer');
function showSprompt() {
promptAnswer.value = ''; // Reset the prompt's answer
document.getElementById('promptQuestion').innerText = "What's your question?"; // set the prompt's question
prompt.style.display = 'block'; // Show the prompt
}
function submitPrompt() {
var answer = promptAnswer.value; // Get the answer
prompt.style.display = 'none'; // Hide the prompt
console.log(answer);
}
#myPrompt{
display:none;
/* Style your prompt here. */
}
<input id="showPromptButton" type="button" value="Show Prompt" />
<div id="myPrompt" class="proptDiv">
<span id="promptQuestion"></span>
<input id="promptAnswer" type="text" />
<input id="promptButton" type="button" value="Submit" />
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)