jQuery - 事件(四)之 表单事件

表单事件,主要是对表单元素获得焦点、失去焦点和内容改变时做出反应。

本文目录:

  1. focus();
  2. blur();
  3. change()。

focus(handler)

元素获得焦点时执行的事件处理函数。

参数 类型 描述
handler Function 必选。事件触发时执行的函数。

blur(handler)

元素失去焦点时执行的事件处理函数。
注意: 失去焦点是指元素在获得焦点之后再失去焦点。

参数 类型 描述
handler Function 必选。事件触发时执行的函数。

代码:




    
    事件01_焦点
    






效果演示:

jQuery - 事件(四)之 表单事件_第1张图片
focus()和blur().gif

change(handler)

元素内容改变时执行的事件处理函数。

参数 类型 描述
handler Function 必选。事件触发时执行的函数。

下面的内容中,改变输入框的内容,当按下回车键或输入框失去焦点时,将会弹窗,弹窗的内容为输入的内容。

代码:




    
    事件11_change()
    






效果演示:

jQuery - 事件(四)之 表单事件_第2张图片
change().gif

你可能感兴趣的:(jQuery - 事件(四)之 表单事件)