JS中怎么定位焦点

JavaScript014

JS中怎么定位焦点,第1张

<body onload="javascript:showLoginMeg('usrId','${loginForm.loginMsg}')">  //在body中定义事件  

function showLoginMeg(logobj,loginMsg){

        if ("" != loginMsg){

         //logobj.focus()   

         alert(loginMsg)

         document.getElementById(logobj).focus()  //此处的logobj是一个字符串 得把他转换成对象进行焦点的定位

        }

    }

<pre></pre>

<pre></pre>

<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:0px right:auto top:89px">

<div title="点击翻译" id="translator-floating-panel-button"></div>

</div>

<pre></pre>

<div class="translator-theme-default" id="translator-floating-panel" style="bottom:auto left:545px right:auto top:20px">

<div title="点击翻译" id="translator-floating-panel-button"></div>

</div>

    

        <div style="padding-top:20px">         

            <p style="font-size:12px">版权声明:本文为博主原创文章,未经博主允许不得转载。</p>

        </div>

var input = document.getElementById( "abc" )

    var val = input.value

    input.focus()

    input.value = ''

    input.value = val

焦点处理主要包括focus(获取焦点)和blur(失去焦点)事件类型。

1、获取焦点:focus,当单击或使用Tab键切换到某个表单元素或超链接对象时,会触发该事件。focus事件是确定页面内鼠标当前定位的一种方式。在默认情况下,整个文档处于焦点状态,但是单击或者使用Tab键可以改变焦点位置。

2、失去焦点:blur,blur事件类型表示在元素失去焦点时响应,它与focus事件类型是对应的,主要作用于表单元素和超链接对象,示例:输入框失去点击焦点时,会在文本框后面提示“请输入11位手机号。。。”,并且输入内容是非数字时,会提示“请输入数字。。。”