`

JS响应搜索框回车键

 
阅读更多

<input type="text"

          id="research"

          value="合肥"

          onkeydown="ajaxResearchNode()">

 

在JS中

function ajaxResearchNode(){}

 

 参考博客:

http://blog.sina.com.cn/s/blog_6f1f9ead0100wg4q.html

html: 

 
         <input type="text" name="keyword" id="keyword"  onkeydown="entersearch()"/>
         <input type="button" onclick="search()"/>
注意:不要用form

js:
function search(){
        $keyword = $("#keyword").val();
        window.location.href = "/list-0-0-0-0-"+$keyword+"-0-0-1.html";
    }
    function entersearch(){
         //alert(dd);
        var event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13)
        {
            search();
        }
    }
分享到:
评论

相关推荐

    ext输入框点击回车键直接进入查询

    "ext输入框点击回车键直接进入查询"这一主题涉及到的是EXTJS框架中的一个常见功能,即如何在用户在输入框中按下回车键时触发查询操作。EXTJS是一个强大的JavaScript库,用于构建桌面和移动应用,它提供了丰富的组件...

    js回车事件判断

    在探讨“js回车事件判断”这一主题时,我们首先需要理解JavaScript中如何捕捉和响应键盘事件,尤其是回车键的触发。JavaScript提供了强大的事件处理机制,使得开发者能够精细地控制用户与网页的交互方式。当涉及到...

    百度搜索框html代码

    1. 提交事件处理:当用户点击搜索按钮或按下回车键时,JavaScript函数会被触发,收集`&lt;input&gt;`字段的值,并向服务器发送搜索请求。 2. 验证输入:可能包含一些输入验证逻辑,比如检查用户是否输入了关键词,或者...

    js回车事件绑定.txt

    2. **搜索功能**:在搜索框中按下回车键时,触发搜索请求。 3. **输入提示**:在文本输入框中输入时,按下回车键显示相关提示信息。 4. **实时聊天**:在聊天输入框中输入消息后,按下回车键发送消息。 #### 五、...

    浅谈键盘上回车按钮的js触发事件

    尤其是在文本输入框、搜索栏或其他需要用户输入的地方,监听特定按键,比如回车键,来触发某些事件或行为是非常常见的需求。 回车键(Enter键)在键盘上扮演着重要的角色,尤其是在需要确认或提交信息时。在前端...

    【JavaScript源代码】JS实现百度搜索框.docx

    【JavaScript实现百度搜索框】 在JavaScript中实现一个类似百度搜索框的功能,主要涉及到以下几个关键知识点: 1. **JSONP(JSON with Padding)跨域请求**: 当我们需要从其他域名下获取数据时,由于浏览器的...

    仿百度助手搜索框缩放

    3. **JavaScript 交互**:使用JavaScript监听`mouseover`、`mouseout`、`focus`和`blur`事件,当这些事件触发时,改变搜索框的宽度或高度。还可以添加一个功能,当用户点击搜索按钮或按下回车键时,执行搜索操作。 ...

    javascript实现ecshop搜索框键盘上下键切换控制

    通过监听键盘事件,我们可以响应用户的按键行为,实现搜索建议的上下切换,并在用户按下回车键时触发点击事件。这个功能的实现既考虑了浏览器兼容性,又优化了用户体验,是Web应用中常见的交互设计之一。

    JavaScript实现百度搜索框效果

    4. 搜索框内按下回车键的处理 5. 换肤功能的实现 6. 多功能搜索框的结构与样式设计 页面初始化与时间显示: 在HTML中,我们使用了onload事件,调用dates()函数来获取当前时间,并在页面加载完成后立即显示。...

    jquery捕捉回车键及获取checkbox值与异步请求的方法

    在许多情况下,我们可能希望当用户按下回车键时执行某些操作,例如提交表单或执行搜索。以下是如何实现这个功能: ```javascript // 使用die()移除之前绑定的事件处理函数,避免事件冒泡 $("html").die().live(...

    jQuery实现当按下回车键时绑定点击事件

    在网页开发中,有时我们需要对用户的键盘操作做出响应,例如,当用户按下回车键时执行特定的功能。jQuery提供了一种简单的方式实现这样的交互。在这个场景中,我们想要实现的是当用户按下回车键时,模拟点击一个按钮...

    textbox 回车执行事件

    用户在文本框(textbox)中输入信息后按下回车键,通常希望触发一个特定的操作,如提交数据到服务器进行处理或执行搜索查询。这个过程涉及到客户端JavaScript和服务器端ASP.NET技术的交互。 首先,我们需要理解ASP...

    css3精美网页搜索框.zip

    在搜索框中,我们可能需要在用户按下回车键时执行搜索操作,或者在输入框内容变化时实时过滤显示结果。jQuery库则简化了这些JavaScript操作,提供了一套易于理解和使用的API。 5. **动画和过渡**: CSS3的`...

    基于Vue.js 2.0实现百度搜索框效果

    9. 完整的用户体验:不仅仅实现一个搜索框,还要考虑输入提示、按键响应、错误处理等多种情况,以提供良好的用户交互体验。 10. 安全性考虑:在进行网络请求时,应当考虑安全性问题,比如对返回数据的处理、避免XSS...

    jQuery手机端下拉搜索框代码.zip

    在移动设备上,考虑到屏幕尺寸的限制,设计需注重响应式布局,确保搜索框在不同设备上都能良好展示。CSS3提供了许多动画效果,如滑动、淡入淡出等,可用于创建平滑的过渡效果。 JavaScript部分,主要位于js文件中,...

    css3实现3d搜索框.zip

    在这个示例中,我们使用jQuery的`on`方法监听搜索框的`keyup`事件,判断是否按下了回车键(keyCode为13),并根据需要执行相应的搜索操作。 总的来说,通过结合HTML5的新特性、CSS3的3D变换以及JavaScript/jQuery的...

    Google 首页 JS 效果 导航

    总结来说,"Google 首页 JS 效果 导航" 关注的是Google如何利用JavaScript实现其主页上的导航功能,包括搜索框交互、键盘导航、响应式设计以及各种视觉效果。通过对相关代码的学习,开发者可以借鉴这些最佳实践,...

    一款jQuery仿腾讯qq首页搜索框样式代码.zip

    4. **事件监听**:监听用户的键盘事件,例如回车键触发搜索,Esc键关闭搜索建议等。 5. **响应式设计**:考虑到不同设备的屏幕尺寸,此代码可能包含响应式布局,确保在手机、平板和桌面等不同设备上都能正常显示和...

    jquery版搜索框自动补全,智能提示,可连接数据库(适用于.net,java,php等多种语言)

    - jQuery客户端接收到响应后,解析JSON数据,将匹配结果动态插入到搜索框下方的提示列表中。 2. **兼容多种后端语言** - 对于.NET,可以使用C#或VB.NET编写后台处理程序,接收并处理请求,然后使用ADO.NET访问...

    jquery 模拟类搜索框自动完成搜索提示功能(改进)

    在本示例中,我们探讨的是如何使用jQuery实现一个类似于Google搜索框的自动完成功能,即用户在输入框中输入文字时,系统会根据输入自动显示相关建议。这个功能通过`autopoint.js`脚本实现,它依赖于jQuery库。 首先...

Global site tag (gtag.js) - Google Analytics