有用的javascript

最新推荐文章于 2019-07-05 15:32:37 发布

原创最新推荐文章于 2019-07-05 15:32:37 发布 · 726 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #表单

javascript 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了三种前端开发中的实用技巧：一是限制输入框仅能输入数字的方法；二是实现表单提交后在新窗口打开的功能；三是通过监听回车键触发特定函数以增强用户体验。

1、保证输入框中只能输入数字：onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"

http://www.cnblogs.com/futao/archive/2012/02/08/2342313.html

2、表单提交后在新页面中打开：$("#frm").target = "ftuo"; $("#frm").submit();

3、对页面的回车时间进行监听，进行自己想要的操作：

document.onkeydown=keyDownSearch;  
      
    function keyDownSearch(e) {    
        // 兼容FF和IE和Opera    
        var theEvent = e || window.event;    
        var code = theEvent.keyCode || theEvent.which || theEvent.charCode;    
        if (code == 13) {    
            getTableListData();//具体处理函数    
            return false;    
        }    
        return true;    
    }

如果只是针对某个DIV层应用回车查询的话，可以将：  
 document.onkeydown=keyDownSearch;  
改成：  
document.getElementById('层ID').onkeydown=keyDownSearch;

keycode减值表:http://www.phpweblog.net/kiyone/archive/2007/04/19/1138.html