zoukankan      html  css  js  c++  java
  • js 获取当前焦点所在的元素、给元素和input控件添加键盘监听事件、添加页面级的键盘监听事件

    页面级的键盘监听事件

    document.onkeydown = function (event) {
    var e = event || window.event || arguments.callee.caller.arguments[0];
    if (e && e.keyCode == 13) { // enter 键
    //要做的事情
    alert("按 Enter");
    }
    if (e.keyCode == 86 && e.ctrlKey) {
    alert("你按下了ctrl+V");
    }
    if (e.keyCode == 81 && e.ctrlKey) {
    alert("你按下了ctrl+q");
    var elementsName= $(':focus').attr("name");//获取当前焦点所在的元素name值
    }
    if (e.keyCode == 49 && e.ctrlKey) {
    //你按下了ctrl+1
    document.getElementById("cmdJcbw").click();
    $("#Tselecte").focus();//快速查找输入框获取焦点。
    setTimeout(function () {
    $("#Tselecte").val('');
    //document.getElementById("Tselecte").value = "";
    },50)

    //

    }

    };

    //给元素及input绑定键盘监听事件
    $(function () {
    var $inp = $('#dBqzy');
    $inp.bind('keydown', function (e) {
    if (e&&e.ctrlKey) {
    $("#dLczd").focus();
    }
    });
    var $inpl = $('#dLczd');
    $inpl.bind('keydown', function (e) {
    if (e&& e.ctrlKey) {
    $("#div_memo").focus();
    }
    });
    var $inpm = $('#div_memo');
    $inpm.bind('keydown', function (e) {
    if (e&& e.ctrlKey) {
    $("#cmdSave").focus();
    }
    });
    var $inps = $('#cmdSave');
    $inps.bind('keydown', function (e) {
    if (e && e.keyCode == 13) {
    $("#cmdSave").trigger("click");
    }
    });
    var $inpb = $('#Tselecte');
    $inpb.bind('keydown', function (e) {
    if (e && e.ctrlKey) {
    $("#partConfirm").trigger("click");
    }
    });
    });

    根据当前焦点获取当前焦点所在的元素

    //判断是否有元素获得焦点
    if($(':focus').length==0) {
    alert("暂无获得焦点的元素");
    }
    else{
    //弹出焦点元素的name
    alert($(':focus').attr("name"));
  • 相关阅读:
    php函数每日学习二十个(第二天)
    php函数每日学习二十个
    php代码效率小常识
    出差回来继续学习更新
    开博第一篇文章
    “类视图”和“对象浏览器”图标
    ASP.NET页面回车键触发Button按钮事件问题
    设置TextBox控件的TextMode属性
    C# 获取系统时间及时间格式
    ASP.NET 常用状态(信息)保存方式
  • 原文地址:https://www.cnblogs.com/zcwry/p/js_jiaodian_jianpanbangding.html
Copyright © 2011-2022 走看看