国产探花免费观看_亚洲丰满少妇自慰呻吟_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事件冒泡的作用。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 宁安市| 太保市| 出国| 呼玛县| 敦化市| 台南县| 巴东县| 班玛县| 南雄市| 磐石市| 鄂伦春自治旗| 玛曲县| 商河县| 高安市| 精河县| 银川市| 卢龙县| 宁强县| 大同市| 景洪市| 丰顺县| 太谷县| 剑阁县| 瑞昌市| 蒙自县| 怀柔区| 海阳市| 景泰县| 安宁市| 莱州市| 兴化市| 建昌县| 漳浦县| 塘沽区| 桂阳县| 江源县| 鹤峰县| 仲巴县| 佳木斯市| 当阳市| 东阳市|