国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jquery 按鍵盤上的enter事件

2019-11-20 15:36:41
字體:
來源:轉載
供稿:網友

接下來我們使用Jquery實現回車鍵Enter切換焦點,此代碼在常用瀏覽器IE7, IE8, Firefox 3, Chrome 2 和 Safari 4測試通過。
使用的開發工具是微軟VS2010+Jquery框架

實現步驟如下

1、首先引用Jquery類庫

<script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

2、Javascript代碼

復制代碼 代碼如下:

<script type="text/javascript">
        $(function () {
        $('input:text:first').focus();
        var $inp = $('input:text');
        $inp.bind('keydown', function (e) {
            var key = e.which;
            if (key == 13) {
                e.preventDefault();
                var nxtIdx = $inp.index(this) + 1;
                $(":input:text:eq(" + nxtIdx + ")").focus();
            }
        });
    });
    </script>

分析:
$('input:text:first').focus();

頁面初始化時,焦點定位第一個文本框內

var $inp = $('input:text');

取的type=文本框的元素集合

$inp.bind('keydown', function (e) {}

給文本框集合綁定‘keydown'事件

var key = e.which;

取的當前按下的鍵值 比如Enter的鍵值=13

e.preventDefault();

可以阻止它的默認行為的發生而發生其他的事情,在這里我們組織PostBack發生,而是切換焦點。另外一個相近的方法是stopPropagation,它起到阻止js事件冒泡的作用。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 湘乡市| 大埔区| 顺昌县| 弋阳县| 陕西省| 江川县| 明溪县| 彰化县| 内乡县| 龙川县| 鄂托克前旗| 台中市| 滕州市| 阜宁县| 辛集市| 伊通| 开远市| 浪卡子县| 禄丰县| 长春市| 德保县| 红桥区| 乌苏市| 丽水市| 筠连县| 斗六市| 朝阳区| 武强县| 繁峙县| 临沂市| 上高县| 庆安县| 勐海县| 兴化市| 汶上县| 泽库县| 赤城县| 乌兰察布市| 信丰县| 浦城县| 静乐县|