【问题标题】:Events was not working properly in Javascript事件在 Javascript 中无法正常工作
【发布时间】:2018-01-13 19:33:18
【问题描述】:

我创建了一个简单的事件脚本,当单击按钮时会更改图像。但不幸的是没有改变,请帮助。

错误:我也没有收到任何错误消息,只是它没有更改图像。

<html>
<head>
    <title>Events Practise</title>
    <style>
     #imtest{
     width:100px;
     height:150px;
     }
    </style>
</head>
<body>
    <h4> This a practise page of Events and event handlers </h4>
    <p> Hi this the practise page that changes the Html and Css contents in the page by Using the JavaScript </p>
    <img id="imtest" src="marni.jpg" alt="Image corrupted">
    <button onclick="eventtest()">Change Image</button>
    <script>
        function eventtest()
        {
                var imt = document.getElementById("imtest");
                imt.onclick = change;
        }
        function change()
        {
            var imtchng = document.getElementById("imtest");
            imtchng.src = "marni1.png";
        }
        
    </script>
</body>

【问题讨论】:

    标签: javascript button events dom-events


    【解决方案1】:
    <script>
            function eventtest()
            {
    change();
            }
            function change()
            {
                var imtchng = document.getElementById("imtest");
                imtchng.src = "marni1.png";
            }
    
        </script>
    
    or
    
       <button onclick="change()">Change Image</button>
    

    【讨论】:

      【解决方案2】:

      imt.onclick = change 行中,您忘记了change 后面的括号。将其替换为change()

      【讨论】:

        【解决方案3】:

        我创建了一个简单的事件脚本,点击时会更改图像 在按钮上

        不,您已经创建了一个脚本,该脚本在单击按钮时在图像上设置了一个单击处理程序,然后当图像发生更改时它会发生更改。

        如果您想通过点击直接更改图像,只需在其上设置点击处理程序即可。

        【讨论】:

        • 感谢您的澄清!!现在我明白我在哪里犯了错误:-)
        • 我已经接受了,但是它显示“我没有15个声望点,所以投票记录”这样的! :-)
        猜你喜欢
        • 1970-01-01
        • 2023-03-18
        • 1970-01-01
        • 1970-01-01
        • 2022-08-26
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多