zoukankan      html  css  js  c++  java
  • JS事件

    1:回车登录

    document.onkeydown = function (e) {
        e = e || window.event;
        if ((e.keyCode || e.which) == 13) {
            $('#login_btn').trigger('click');
        }
    }
    $('#btn').on('keydown', function() {
        var event = window.event || arguments.callee.caller.arguments[0];
        if (event.keyCode == 13) {
            $('#btn_search').click();
        }
    });

    2.js焦点事件:onfocus、onblur、focus()、blur()、select() 

    onfocus:当元素获取到焦点的时候触发

    onblur:当元素失去焦点的时候

    obj.focus():给指定的元素设置焦点

    obj.blur():取消指定元素的焦点

    obj.select():全选当前的文字

    odiv.onfocus = funcion(){}

    3.onunload 事件在用户退出页面时发生。

     <html> <body onunload="alert('The onunload event was triggered')"> <p>Close the page to trigger the onunload event.</p> </body> </html>

     4.向下拉框obj下插入option

       var obj = document.getElementById("DropDownList2");
       var list = obj.options;
       var first =obj.firstChild; //得到第一个元素
       var option = document.createElement("option");
       $(option).val("");
       $(option).text("");
       obj.insertBefore(option, first);
       obj.options[0].selected = true;
    

    5.对按键事件扑捉

        window.onload = function(){
            //屏蔽键盘事件
            document.onkeydown = function (){
                var e = window.event || arguments[0];
                /*延迟,兼容FF浏览器  */
                if(e.keyCode== 83 && e.ctrlKey){
                    setTimeout(function(){
                        alert('整理不易,不要另存哦');
                    },1);
                    return false;
                }else if(e.keyCode == 123){
                    //F12
                    setTimeout(function(){
                        alert('亲,你想干嘛,不要做坏事哦');
                    },1);
                    return false;
                    //Ctrl+Shift+I
                }else if((e.ctrlKey) && (e.shiftKey) && (e.keyCode == 73)){
                    setTimeout(function(){
                        alert('亲,你想干嘛,不要做坏事哦');
                    },1);
                    return false;
                    //Shift+F10
                }else if((e.shiftKey) && (e.keyCode == 121)){
                    setTimeout(function(){
                        alert('亲,你想干嘛,不要做坏事哦');
                    },1);
                    return false;
                    //Ctrl+U
                }else if((e.ctrlKey) && (e.keyCode == 85)){
                    setTimeout(function(){
                        alert('亲,你想干嘛,不要做坏事哦');
                    },1);
                    return false;
                }
            };
            //屏蔽鼠标右键
            window.document.oncontextmenu = function (){
                alert('亲,你想干嘛,不要做坏事哦');
                return false;
            }
    
        }

      

    作者:chenze
    出处:https://www.cnblogs.com/chenze-Index/
    本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。
    如果文中有什么错误,欢迎指出。以免更多的人被误导。
  • 相关阅读:
    UML 2.5版本与UML分类概述
    Android 使用MySQL直接访问数据库
    带你体验Android自定义圆形刻度罗盘 仪表盘 实现指针动态改变
    升级到Android Studio3.x遇到的问题及解决方案
    [摩斯密码表]摩斯密码对照表
    【Eclipse】eclipse中格式化代码配置方法
    Java中AWT、Swing与SWT三大GUI技术的原理与效率差异
    Mysql 5.5 replication 多数据库主从备份Master-Slave配置总结
    期望-pku-oj-1055:Tree
    MFC——从实现角度分析微云界面
  • 原文地址:https://www.cnblogs.com/chenze-Index/p/11280597.html
Copyright © 2011-2022 走看看