`
Everyday都不同
  • 浏览: 725002 次
  • 性别: Icon_minigender_1
  • 来自: 宇宙
社区版块
存档分类
最新评论

使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件

    博客分类:
  • jsp
阅读更多

假设如题所示的事件为同一个,必须先把该js函数抽离出来,该函数定义了监听的处理:

 

function search() {
	//监听函数略......	
}

 

为input框绑定回车事件,当用户在文本框中输入搜索关键字时,按回车键,即可触发search():

 

//回车绑定
$(".search").keydown(function(event){
	if(event.which == "13")    
            search();
});

 

而为a(超链接)标签绑定click事件:

$(".a").click(function(){
	search();
});

一般,比较常见的是写一个js的匿名函数,(上面这种写法只是为了体现search()函数的复用)如:

 

$(".a").click(function(){
	//函数体省略....
});

 

一般把他们写在$(fucntion(){  })里面绑定。

-------------------------------------

【笔记】在jsp页面定义的json对象,通过aJax传给后台,后台接收到的则是一个Map结构的对象。。

0
0
分享到:
评论

相关推荐

    jQuery实现输入框回车添加标签代码.zip

    在本文中,我们将深入探讨如何使用jQuery来实现一个功能丰富的输入框,用户可以在其中通过回车键添加标签,同时支持预设标签的选择、显示和删除,并能有效防止标签的重复添加。这个功能常用于博客系统、论坛或者社交...

    jQuery输入框回车添加标签特效.zip

    本主题将详细解析如何利用jQuery实现一个输入框回车添加标签的特效,该特效允许用户在输入框内输入关键词,按下回车键后,关键词自动转化为标签并显示在输入框上方,同时支持预设标签的选择和已存在标签的删除,以及...

    jQuery文本框回车创建标签代码.zip

    2. **jQuery绑定事件**:使用jQuery的`.on()`方法监听文本框的`keyup`事件,当用户按下回车键时触发处理函数。 ```javascript $("#tagInput").on("keyup", function(event) { if (event.keyCode === 13) { // 检查...

    jquery实现回车键触发事件(实例讲解)

    总结来说,使用jQuery实现回车键触发事件的关键在于监听`keyup`事件,检查`event.keyCode`是否为13,然后模拟触发相应的操作。同时,要考虑到不同元素和浏览器环境的影响,适当调整事件绑定的范围和处理方式,确保在...

    JS键盘,jquery编写

    6. 可能还需要处理特殊键,如退格键(删除输入)和回车键(提交表单)等。 四、优化与扩展 1. 键盘可配置性:允许用户选择不同的键盘布局,比如数字键盘、全键盘等。 2. 支持多语言:提供不同语言的字符集,适应...

    Jquery实现关键字标签生成插件

    当用户按下回车键或者空格键时,我们可以截取当前输入的关键字并创建一个新的标签。 ```javascript $("#keyword-input").on("keyup", function(event) { if (event.keyCode === 13 || event.keyCode === 32) { // ...

    jquery网页键盘

    例如,回车键可以提交表单,删除键则清除输入框的最后一个字符。这可以通过判断按钮的ID或类名来实现。 7. **移动设备适配**: 考虑到移动设备,可能需要监听`touchstart`和`touchend`事件,而不是`click`。同时,...

    jQuery实现的回车触发按钮事件功能示例

    在本文中,我们将深入探讨如何使用jQuery实现一个功能,即当用户在文本输入框中按下回车键时,触发按钮的点击事件。这个功能在许多Web应用中都很常见,例如登录表单,用户通常期望通过回车键提交信息,而不仅仅依赖...

    Jquery 监视按键,按下回车键触发某方法的实现代码

    总结而言,本文介绍的使用 jquery 监听并响应回车键事件的方法,涉及了事件监听、焦点处理、以及不同浏览器间的兼容性处理。掌握这些知识点,可以帮助开发者在前端开发中更好地处理用户交互,尤其是键盘操作带来的...

    一款jquery text文本框添加删除标签代码.zip

    在 `keyup` 事件处理函数中,我们可以检测 `e.keyCode` 是否为 13(回车键的键码),如果是,则调用 `preventDefault()` 方法: ```javascript if (e.keyCode === 13) { e.preventDefault(); // 创建新标签的...

    JQuery实现可编辑的表格

    3. **事件监听**:通过监听键盘按键事件(`keyup`),实现了回车键提交数据的功能。 4. **数据更新**:当用户完成编辑后,可以通过回车键或点击其他地方自动保存数据,无需额外操作。 #### 五、扩展思考 - 如何...

    jQuery网页虚拟键盘点击输入文本效果

    3. **jQuery事件绑定**:使用jQuery的`click`事件监听器,将每个按钮与相应的键盘动作关联起来。例如,当用户点击“a”键按钮时,会在输入框中添加字符"a"。 4. **动态文本更新**:当用户点击虚拟键盘上的按钮时,...

    jquery学习笔记

    - `event.which` 属性返回触发事件的键盘按键的键码值,如 `13` 代表回车键,`27` 代表 ESC 键。 7. **位置与样式:** - `position()` 方法用于获取元素的位置信息。 - `z-index` 属性用于控制层叠顺序,数值越...

    jquery实现邮箱收件人效果

    3. **监听输入**:为输入框绑定`keyup`事件,并在事件处理函数中获取输入值并进行过滤。 ```javascript $('#receiver-input').on('keyup', function() { var userInput = $(this).val(); // 过滤逻辑 }); ``` 4....

    jquery可编辑表格

    4. **保存更改**:当用户离开输入框(例如,失去焦点或按下回车键)时,将输入框的新值设置回原单元格,并销毁输入框。 5. **数据处理**:如果需要,可以在此步骤中进行数据验证或调用Ajax更新后台数据。 此外,...

    JQUERY实战(在表格中直接对表格中的数据进行更改)

    这通常通过将单元格内容替换为输入框(`<input>`)实现,用户可以输入新值,然后在失去焦点或按下回车键时保存更改。以下是一个基本的示例: ```javascript $('td').on('click', function() { var cell = $(this);...

    Jquery Change与bind事件代码

    如果你需要为同一个元素绑定多个事件,可以在`eventType`参数中使用空格分隔事件名: ```javascript $("#txtAssessmentTotal").bind('mouseenter mouseleave', function() { alert($("#txtAssessmentTotal").val()...

    jQuery自定义标签获取ID特效代码

    - 当用户在输入框中输入标签并按下回车键时,触发`keyup()`事件,捕获输入并处理。 - 用户点击添加按钮时,触发`click()`事件,将输入的标签添加到已选标签区域,并清空输入框。 - 用户点击已选标签时,触发`...

    todoList配套资源

    在Todo List应用中,通常会在输入框上监听`keyup`事件,当用户按下回车键时添加新任务;在每个列表项上绑定`click`事件,以实现任务的勾选和取消。 4. **动画效果**:jQuery的动画功能可以让用户体验更加流畅。例如...

Global site tag (gtag.js) - Google Analytics