如何在图像到达页面顶部时使用警报?
JavaScript - How can I use an alert when an image has reached the top of the page?
我是编程新手,我正试图与火箭进行一场比赛。火箭必须到达页面顶部,当它到达页面顶部时,我想要一个警报出来(?)。做这件事最好的方法是什么?提前感谢!
我编辑了我的帖子,我在我的功能下使用了"if"。但是这行不通。
function leftArrowPressed() {
var element = document.getElementById("image1");
element.style.left = parseInt(element.style.left) - 5 + 'px';
}
function rightArrowPressed() {
var element = document.getElementById("image1");
element.style.left = parseInt(element.style.left) + 5 + 'px';
}
function upArrowPressed() {
var element = document.getElementById("image1");
element.style.top = parseInt(element.style.top) - 5 + 'px';
}
function downArrowPressed() {
var element = document.getElementById("image1");
element.style.top = parseInt(element.style.top) + 5 + 'px';
}
function moveSelection(evt) {
if(parseInt(element.style.top)==0)
{
alert("some text there");
}
switch (evt.keyCode) {
case 37:
leftArrowPressed();
break;
case 39:
rightArrowPressed();
break;
case 38:
upArrowPressed();
break;
case 40:
downArrowPressed();
break;
}
};
function docReady()
{
window.addEventListener('keydown', moveSelection);
}
if(parseInt(document.getElementById("image1").style.top)<=0)
{
alert("some text there");
}
放在moveSelection()
, switch之前
相关文章:
- 背景图像顶部的滚动图像不移动
- 如何在引导程序中将输入文本框嵌入到图像的顶部
- 使用paperjs在图像顶部绘制
- HTML5 中图像顶部的超链接文本
- 引导进度条,顶部附有图像
- 如何在 jQuery 中将可点击的图像定位到浏览器顶部
- 如何停止幻灯片放映隐藏文本和图像跳到顶部,而下一张幻灯片进来
- 图像旋转背景 js 跳转到页面顶部
- HTML5 画布 - 我的线条/弧线没有出现在图像顶部
- 当圆形图像在圆轮中发生变化时,如何在顶部显示标签
- 在图像顶部显示文本
- 图像映射顶部的文本
- 使用 JavaScript 在鼠标悬停时在内容顶部查看放大的图像
- 在HTML和Javascript中的图像顶部“绘制”
- 获取图像以覆盖在表格顶部
- 如何在多个位置绘制svg,在另一个svg图像的顶部
- 当主图像调整大小时,使顶部图像保持原位
- 使用SuperScrollorama将图像从页面顶部放入
- 向下滚动后,顶部图像折叠到导航栏中
- 如何获取网站中最顶部图像的链接