html 用js实现不同input框焦点切换

JavaScript024

html 用js实现不同input框焦点切换,第1张

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

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

<form>

    <input type="text" onkeypress="return handleEnter(this, event)"><br>

    <input type="text" onkeypress="return handleEnter(this, event)"><br>

    <textarea onkeypress="return handleEnter(this, event)">回车切换焦点</textarea>

</form> function handleEnter (field, event) {

    var keyCode = event.keyCode ? event.keyCode : event.which ? event.which : event.charCode

    if (keyCode == 13) {

        var i

        for (i = 0 i < field.form.elements.length i++)

            if (field == field.form.elements[i])

            break

            i = (i + 1) % field.form.elements.length

            field.form.elements[i].focus()

            return false

    }

    else

    return true

}

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

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

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