`

Jquery实现鼠标获得失去焦点事件

 
阅读更多
鼠标获得失去焦点事件很常用,下面代码将实现它
1.后台JS代码
jquery(document).ready(function(){

   focusblur("#searchkey");//调用方法
})
//主方法的实现
var focusblur=function(focusid){
var focusblurid = $(focusid);
var defval = focusblurid.val(); 
//获得焦点
focusblurid.focus(function(){
var thisval=$(this).val();
if(thisval==defval){
$(this).val("");//制空
}
});
//失去焦点
focusblurid.blur(function(){
var thisval=$(this).val();
if(thisval==""){
$(this).val(defval);//赋值
}
})

}


2.前台JSP代码

<p>jquery的获得失去焦点事件的测试</p>
<table>
  <tr>
    <td>搜索条件: <input type="text" id="searchkey" value="请输入搜索条件"/></td>
    <td> <input type="button" id="b1" value="search"/></td>
</tr>
</table>
分享到:
评论

相关推荐

    jquery获取焦点和失去焦点事件代码

    input失去焦点和获得焦点 鼠标在搜索框中点击的时候里面的文字就消失了。 我们在做网站的时候经常会用到搜索框的获得焦点和失去焦点...input失去焦点和获得焦点jquery焦点事件插件 – 懒人建站&lt;/title&gt; &lt;scrip

    jquery鼠标事件

    ### jQuery鼠标事件详解 在网页开发中,合理利用jQuery库能极大地提高JavaScript代码的编写效率。jQuery通过封装一系列复杂的DOM操作,使得开发者能够更轻松地处理网页中的元素和事件。本文将详细介绍jQuery中与...

    jQuery实现的鼠标点击弹出登录框表单特效源码.zip

    这通常是通过`.keyup()`事件监听键盘输入,并在输入字段失去焦点时执行验证。 最后,对于Ajax交互,jQuery的`.ajax()`方法是关键。它可以异步发送HTTP请求到服务器,处理登录验证,而无需页面刷新。这不仅提高了...

    jquery鼠标划过定位焦点的菜单

    "jquery鼠标划过定位焦点的菜单"是一个典型的交互设计,它涉及到用户通过鼠标悬停在菜单项上时,使该菜单项获得视觉上的突出显示,以提升用户体验。以下是对这个主题的详细讲解: 首先,我们需要理解jQuery的基本...

    jQuery实现单击和鼠标感应事件

    在jQuery中,除了单击和鼠标感应事件,还有许多其他的事件,比如`dblclick()`(双击事件)、`mouseenter()`和`mouseleave()`(鼠标进入和离开事件)、`focus()`和`blur()`(获得和失去焦点事件)等。这些事件都可以...

    easyui textbox失去焦点事件及获取文本框的内容

    EasyUI文本框失去焦点事件和获取文本框内容的实现 EasyUI文本框是一种常用的UI组件,它提供了许多实用的功能,如文本框失去焦点事件和获取文本框内容等。下面我们将详细介绍EasyUI文本框失去焦点事件和获取文本框...

    jquery效果事件

    4. 表单事件:如`submit`(表单提交)、`change`(元素值改变)和`focus`/`blur`(元素获取或失去焦点)等。 5. 自定义事件:除了浏览器内置的事件外,还可以使用`.trigger()`方法触发自定义事件。 四、jQuery效果...

    jquery实现百度搜索关键字输入下拉框提示

    CSS还可以通过伪类(如`:hover`和`:focus`)来实现当鼠标悬停或输入框获得焦点时的动态效果。 JavaScript 文件夹中的`js`文件可能是这个功能的核心。一个常见的实践是创建一个`jquery.js`或`script.js`文件,其中...

    JQuery仿Div失去焦点和输入框切换的效果

    在实现Div失去焦点的效果时,可能会用到`:focus`伪类,当元素获得焦点时应用特定的样式,失去焦点时则移除这些样式。同时,`transition`属性可以添加平滑过渡效果,使样式变化更自然。此外,`box-shadow`、`border`...

    方向键控制焦点 JQuery

    4. **确定下一个焦点元素**:根据方向键的不同,我们需要找到下一个应该获得焦点的元素。这可能涉及到遍历DOM树,查找相邻元素。 5. **设置焦点**:一旦找到合适的元素,用`.focus()`方法赋予其焦点。 四、示例...

    jQuery参考手册-事件总结

    5. **focus(), blur()**: 这两个方法分别用于获取和失去焦点的事件。 6. **change()**: 当元素内容改变时触发,通常用于表单元素。 7. **keydown(), keypress(), keyup()**: 这三个方法分别对应键盘按键按下、按下...

    jQuery事件及绑定.pptx

    失去焦点时触发 改变 change() 元素的值发生改变时触发 其它 submit() 当表单提交时触发 select() 当文本框(包括和中的文本被选中的时触发) scroll() 当滚动条发生变化时触发 resize() 当调整浏览器窗口大小时触发 2...

    jQuery主要支持的事件

    jQuery主要支持的事件 比如  .blur() 表单元素失去焦点。  .change() 表单元素的值发生变化  .click() 鼠标单击  .dblclick() 鼠标双击

    jqueryTable编辑的实现

    在本文中,我们将深入探讨如何实现`jQuery Table`编辑功能,包括鼠标点击表格单元格进行编辑,以及在失去焦点(onblur)时通过Ajax保存数据。此外,我们还将提及与实现此功能相关的`jQuery`和`Table`技术。 首先,`...

    基于JQuery实现鼠标点击文本框显示隐藏提示文本

    4. 接下来,使用JQuery的`.focus()`和`.blur()`事件处理函数来监听文本框获得焦点和失去焦点的事件。 5. 在`.focus()`事件处理函数中,检测文本框当前的值是否与提示文本相同。如果相同,说明用户没有输入任何内容...

    jQuery响应鼠标事件并隐藏与显示input默认值

    鼠标事件是当用户使用鼠标操作元素时发生的事件,常见的鼠标事件包括:click(点击)、dbclick(双击)、mouseover(鼠标悬停)、mouseout(鼠标移出)、focus(获得焦点)和blur(失去焦点)等。在本例中,我们主要...

    基于 jQuery 实现键盘事件监听控件

    似乎浏览器的键盘事件只能被那些可以获得焦点的元素设置监听,而通常需要监听事件的 、&lt;CANVAS&gt; 元素都不能获得焦点,因此需要修改目标元素的某些属性使其可以获得焦点,另外一种可行的方法是将事件委托给诸如 &lt;...

    JQuery实现超链接鼠标提示效果的方法

    在鼠标提示的实现过程中,还需要注意细节上的处理,例如在mouseout事件中需要将之前保存的title值再赋值给a标签的title属性,以保持元素的title属性与自定义提示的一致性,确保用户在不同的交互操作之间能够获得一致...

    jquery实现当输入框获得焦点时自动渐变颜色

    标题 "jquery实现当输入框获得焦点时自动渐变颜色" 涉及的是在Web开发中使用jQuery库来实现一种动态用户体验,即当用户点击或选中一个输入框(text box)时,该输入框的边框颜色会逐渐变化,以增加交互性和视觉吸引...

Global site tag (gtag.js) - Google Analytics