【问题标题】:JavaScript - How can I use an alert when an image has reached the top of the page?JavaScript - 当图像到达页面顶部时如何使用警报?
【发布时间】:2014-05-08 14:19:25
【问题描述】:

我是编程新手,我正试图用火箭进行一场比赛。火箭必须到达页面顶部,当它到达页面顶部时,我希望发出警报(?)。这样做的最好方法是什么?提前致谢!

我编辑了我的帖子,我在我的功能下使用了“如果”被按下..但它不起作用。

    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 之后有一个无关的“}”
  • 不..它说“元素未定义”。它不会再上/下/左/右了..
  • 没有还是什么都没有:(

标签: javascript alert onkeydown onkeyup


【解决方案1】:
if(parseInt(document.getElementById("image1").style.top)<=0)
{
alert("some text there");
}

将它放在moveSelection(),在切换之前。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-05-11
    • 2010-11-11
    相关资源
    最近更新 更多