html 怎么设置input获得焦点事件

function lost()

      {

        var input=document.getElementByIdx_x("input")

        var input_value=input.value

        if(input_value=="")

          {

            input.value="请输入文字"

            input.style.color="#ccc"

          }

      }

      function get()

      {

        var input=document.getElementByIdx_x("input")

        input.value=""

        input.style.color="black"

      }

     

    </script>

    <input name="input" id="input" type="text" value="请输入文字" onblur="lost()" onfocus="get()"/>

一个是获取焦点事件一个失去焦点事件

在点击按钮的事件中添加focus()

$("button").click(function(){

$("#input1").focus()

})这样就行了

第一种方法：在HTML元素当中绑定事件

<div class="wrap" onclick="show()">绑定事件一</div>

<script type="text/javascript">

    function show() {

        alert('绑定事件一')

    }

</script>

第二种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.onclick = show

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《JavaScript事件 详细讲解》

第三种方法：

<div class="wrap" id="btn">绑定事件一</div>

<script type="text/javascript">

    var btnEle = document.querySelector('#btn')

    btnEle.addEventListener('click', show, !1)

    function show() {

        alert('绑定事件一')

    }

</script>

参考资料：《说说JavaScript的事件绑定方法并举例》

---