javascript - 在鼠标突出显示时隐藏/显示标签

标签 javascript jquery html css

我正在使用 IE 8

<html>
    <script>
        function xxx(field) {

            if (field.value <= 1) {
                document.getElementById("result").style.display="none";
            } else {
                document.getElementById("result").style.display="display";
            }

        }
    </script>   
    <body>
        AGE
        <input id='numberOfChildren' type='text' onkeypress="xxx(this); "onkeyup="xxx(this); "onkeydown="xxx(this);"/>
        <br />
        <div id="result">PASS</div>
    </body>
</html>

它非常适合关键事件,但是当我突出显示我的字段中的整个文本而不是删除或退格我只是覆盖突出显示的文本时,此代码失败 - 它不会隐藏/显示。

最佳答案

只用 keyup 事件试试这个

<script>
    function xxx(field) {

        if (field.value <= 1) {
            document.getElementById("result").style.display = "none";
        }
        else {
            document.getElementById("result").style.display = "";
        }

    }
</script>

<body>
    AGE
    <input id='numberOfChildren' type='text'  onkeyup="xxx(this);"
          />
    <br />
    <div id="result">
        PASS</div>
</body>
</html>

关于javascript - 在鼠标突出显示时隐藏/显示标签,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7835559/

相关文章:

jquery - Bootstrap 下拉列表中的自定义滚动条(jQuery 滚动)

javascript - 推送响应菜单不会自行打开并且不起作用

html - css3 3d 变换,div 变得不可用

css - 在 css 中将 float 定义为中心

javascript - sequelize 查询 : response gives me non-exist column

javascript - 检测 safari 高级设置 : "never use font sizes smaller than..." from javascript?

javascript - 如何将 Google 分析添加到链接标签

javascript - Windows 8.1 应用程序中应用程序数据和 session 数据之间的差异

javascript - 从javascript加载图像

html - 是否可以引用 <li> 索引?