javascript - 事件 JavaScript

标签 javascript

我需要在鼠标单击时显示一条消息。但我还需要在下次单击鼠标时显示另一条消息。问题是在我的代码中,两条消息都会在第一次单击鼠标时出现。

<!DOCTYPE>
    <html>
        <head>
            <script>
                function myfunction()
                {
                var obj=document.getElementById("msg1");
                obj.innerHTML="message1";
                if(obj.innerHTML=="message1")
                {
                    var obj1=document.getElementById("msg2");
                    obj1.innerHTML="message2";
                }

                }
            </script>

        </head>
        <body>
            <div id="msg">
                <form name="myform">
                    <input type="button" value="click" onclick="myfunction()">
                        <p id="msg1"></p>
                        <p id="msg2"></p>
                </form>
            </div>
        </body>
    </html>

最佳答案

<script>
var flag=0;            
function myfunction()
            {
            if (flag==0)
            {
            var obj=document.getElementById("msg1");
            obj.innerHTML="message1";
            flag=1;}
            else
            {
                var obj1=document.getElementById("msg2");
                obj1.innerHTML="message2";
            }

            }
</script>

关于javascript - 事件 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12346555/

相关文章:

javascript - jQuery 美元符号未定义

javascript - 改进图像 slider 动画

javascript - 页面刷新后复选框保持选中状态

JavaScript 闭包与匿名函数

javascript - 使用 for in 循环遍历窗口对象

javascript - 如何根据其嵌套框调整图像大小

javascript - 无法使用 jQuery 从 html 选择中删除只读

javascript - 使用 jQuery 查找和替换 HTML

javascript - 如何将 json 数组元素映射到下拉列表中选择的选项?

javascript - View 中选择器的当前年份(默认)(AngularJS)