问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

我有个input，和一个div ，我想让input获得焦点的时 div显示，失去焦点时div隐藏 ，网上的例子没效果啊

头像
张志坚
    512
    新手上路，请多包涵

    <html>

    <head>
    <style>
          #oDiv{
              display:none;
          }  
    </style>
    <script>
        window.onload = function(){
            var oInput = document.getElementById('oInput');
            var oDiv = document.getElementById('oDiv');
            oInput.onFocus = function(){
                oDiv.style.display = "block";
            }
            oInput.onBlue= function(){
                oDiv.style.display = "none";
            }
        }
    </script>
</head>
<body>
    <form method="post" action="">
        <input id="oInput" name="userName" type="text"/>
    </form>
    <div id="oDiv">
        input获得焦点我显示，失去的时候我隐藏
    </div>
</body>

    </html>

    htmljavascript
    阅读 5.2k
    4 个回答
    得票最新
    头像
    fatears
      32624761

      1.是onfocus，不要大写。
      2.是onblur，不是onBlue

      头像
      xiaopengji
        6411719

        你把事件名写错了；有效果才怪的呢？正确的事件名：onfocus和onblur;

        头像
        dinglei
          371

          注意大小写，是onfocus和onblur

          window.onload = function () {
  var oInput = document.getElementById('oInput');
  var oDiv = document.getElementById('oDiv');
  oInput.onfocus = function () {
    oDiv.style.display = "block";
  }
  oInput.onblur = function () {
    oDiv.style.display = "none";
  }
}
          头像
          ls403718787
            238

            onfocus和onblur

            撰写回答
            你尚未登录，登录后可以
            • 和开发者交流问题的细节
            • 关注并接收问题和回答的更新提醒
            • 参与内容的编辑和改进，让解决方法与时俱进
            推荐问题