Question

我正在使用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>

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

Answer 1

仅使用键盘事件
来尝试此操作

<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>

Answer 2

更改此行

document.getElementById("result").style.display="display";

到

document.getElementById("result").style.display="block";

http://jsfiddle.net/CHNRq/

Answer 3

如果你使用jquery使用这个

if(field.value <=1)
 {
  $('#result').hide()
  }
  else
  {
   $('#result').show()
  }

隐藏/显示鼠标突出显示的标签

3 个答案: