document.getElementById("kw").focus()方法不生效,有什么方式能通过js使输入框获得焦点和失去焦点

document.getElementById("kw").focus()方法不生效,有什么方式能通过js使输入框获得焦点和失去焦点,第1张

你好,使用原生js必须

documentgetElementById("kw")onfocus()

jquery中可以直接

$("#kw")focus();获得焦点

有办法的,只是绑定了整个页面后,需要针对输入框,解除冒泡响应,否则页面点击任何地方(包括输入框)页面焦点将永远指向第一个输入框。

代码如下(测试成功):

<html>

<body>

    <input class="int" type="text" />

    <input class="int" type="text" />

    <input class="int" type="text" />

    <input class="int" type="text" />

</body>

<script>

    //获取对象

    var page = documentdocumentElement;

    var int = documentquerySelectorAll('int');

    

    //初始化获得第一个焦点

    int[0]focus();

    

    //规定点击页面任何位置都会将焦点给予第一个输入框

    pageonclick = function(){

        int[0]focus();

    }

    

    //规定点击4个输入框时例外(不会跳转到第一个输入框)

    for(var i=0; i<intlength; i++){

        int[i]onclick = function(e){

            //阻止冒泡[重点!]

            var e = windowevent || e;

            if(documentall){

                ecancelBubble = true;

            }else{

                estopPropagation();

            }

        }

    }

</script>

</html>

纯手打,望采纳。

先判断input的value是否为空,再设置它的值。

不过如果你要实现那样的效果,建议你用placeholder属性可以直接使用实现,不需要设置获取焦点,离开焦点等事件。

<input type="text" name="uname" placeholder="请输入你想搜的关键词">

以上就是关于document.getElementById("kw").focus()方法不生效,有什么方式能通过js使输入框获得焦点和失去焦点全部的内容,包括:document.getElementById("kw").focus()方法不生效,有什么方式能通过js使输入框获得焦点和失去焦点、js 焦点问题:页面上有4个输入框,能不能通过js控制页面的焦点始终为这4个输入框中的一个、js特效input框获取焦点与离开等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/10040573.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存