01输入框回车触发操作

1 文件列表

  共包含三个文件:EnterOperat.js、01EnterOperat.html和jquery-1.7.1.min.js

2 EnterOperat.js

// js封装
(function(win){

 // 页面加载的时候执行
 $().ready(function(){

     // 绑定事件
     $(‘input‘).keydown(function(){
                    getEnter();
     });
 });

 // 函数封装
 win.getEnter = function(){

    // 回车换行的keyCode为13
    if(event.keyCode == 13){

        // 进行业务处理
        var str = $(‘#myinput‘).val();
        if(str != ""){
            alert(str);
        }
    }
 }

 })(window);
 

3 01EnterOperat.html

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>回车触发操作</title>
    <script type="text/javascript" src="jquery-1.7.1.min.js"></script>
    <script type="text/javascript" src="EnterOperat.js"></script>
</head>
<body>
    回车触发操作<br />
    <input type="text" id="myinput"/>
</body>
时间: 2024-10-19 18:17:01

01输入框回车触发操作的相关文章

asp.net中TextBox里面实现回车触发指定事件

原文:asp.net中TextBox里面实现回车触发指定事件 我在一个user_top用户控件里面做了个包括搜索的功能.然后再一个页面中添加这个用户控件.浏览时候在textbox里面输入搜索内容后.下意识的摁了回车.谁知道报错了.因为页面回发.我在page_load里面写了!IsPostBack{...}所以导致了未将对象引入对象实例.网上搜了下. 方法一: <asp:Panel ID="panSearch" runat="server" DefaultBut

【WebForm】编程点滴:由文本框回车触发按钮点击事件想到的

在WebFomr中我们常常会需要实现这样一个功能:文本框回车时触发触发其他按钮的click事件.在JS中我们常常这样做: <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

jQuery实现回车触发登录按钮的功能

jQuery实现回车触发登录按钮的功能,代码如下: 1 $('body').keyup(function(e){ 2 if(e.keyCode===13){ 3 $('.login').click() 4 } 5 }) 要点如下: 1.把keyup事件绑定在body上 2.回车键的键码为13 3.用click()直接触发点击事件 原文地址:https://www.cnblogs.com/luoyihao/p/12009412.html

习惯了CS回车操作人员,操作BS网页表单也是回车666

1.第一步把表单,里面需要回车的input,或者是其他的表单按钮给一个clsss,例如下面的$('.cls'); 2.第二步,  把下面的代码复制过去,填写完最后一个自动提交:$("#savedown").click(); 3.选中input的框的时候一定要全部选中,不然操作会不方便,给一个提示 ------------------------------------------------------------------------------------------------

01、双击触发 “系统搜索” 和下拉 “通知中心”

在 windows phone 8.1 以后,当一个前台 app 处于 “全屏模式” 时,用户需要 “双击” 手机搜索按钮才能显示搜索框. 这是为了避免用户 “误触发” 搜索操作. App 可以通过编程设置是否显示为 “full-screen” mode. 在 wp8 以前,很多用户都会抱怨,在玩游戏或者看视频时,由于 “误触” 了搜索键,导致游戏或视频暂停.如果 应用能够开启 “双击触发” 的交互,相信提升了不少用户体验. 1)双击 “搜索按钮” 打开系统搜索: (在 wp8.1 上,开启系统

vue + element ui 阻止表单输入框回车刷新页面

问题 在 vue+element ui 中只有一个输入框(el-input)的情况下,回车会提交表单. 解决方案 在 el-form 上加上 @submit.native.prevent 这个则会阻止表单回车提交. 测试 下面的代码出现表单回车提交 <body> <div id="app"> <el-form ref="form" :model="form" label-width="80px"&

[Phonegap+Sencha Touch] 移动开发16 安卓webview中,input输入框不触发backspace回退键事件的解决办法

可以用安卓手机浏览器打开 http://javascript.info/tutorial/keyboard-events#test-stand-test-stand 测试看看. Android 4.2自带浏览器和webview的测试结果(其他版本没试过,估计4.X都是这样): 当input有内容的时候,点击软键盘回退键(keyCode=8),是有keyEvents事件(keyup keydown)触发的:当input是空的时候,再点击,就不触发keyEvents了. Chrome浏览器测试结果:

进入网页开始计时,关闭页面时触发操作事件

<html> <head> <title>页面停留时间</title> </head> <body onload="init(); window.setTimeout('show_secs()',1);" > <script language="javascript"> var ap_name = navigator.appName; var ap_vinfo = navigator

jquery实现input输入框实时输入触发事件代码

<input id="productName" name="productName" class="wid10" type="text" value="" /> //绑定商品名称联想 $('#productName').bind('input propertychange', function() {searchProductClassbyName();}); searchProductClas