• 常用JavaScript触发事件


    事件句柄

    1. onclick=JavaScript;鼠标单击某个对象。3
    2. ondblclick=JavaScript;鼠标双击某个对象。3
    3. onmousedown=JavaScript;某个鼠标键被按下。4
    4. onmouseup=JavaScript;某个鼠标键松开。4
    5. onmousemove=JavaScript;鼠标被移动。3
    6. onmouseout=JavaScript;鼠标从某元素移开。4
    7. onmouseover=JavaScript;鼠标被移到某个元素之上。3
    8. onfocus=JavaScript;元素获得焦点。3
    9. onblur=JavaScript;元素失去焦点。3

       

    10. onchange=JavaScript;用户改变域的内容。3
    11. onabort=JavaScript;图像加载被中断。4
    12. onerror=JavaScript;当加载文档或图像发生某个错误。4
    13. onload=JavaScript;某个页面或图像被完成加载。3

       

    14. onkeydown=JavaScript;某个键盘的键被按下。3
    15. onkeypress=JavaScript;某个加盘的键被按下或按住。3
    16. onkeyup=JavaScript;某个键盘的键被松开。3
    17. onreset=JavaScript;重置按钮被点击。4

       

    18. onresize=JavaScript;窗口或框架被调整尺寸。4
    19. onselect=JavaScript;文本被选定。3
    20. onsubmit=JavaScript;提交按钮被点击。3
    21. onunload=JavaScript;用户退出页面。3

    使用方法:

        <input type="text" onfocus="javascript:alert('获得焦点');" value="啊啊啊啊啊啊啊"/>

        <script type="text/javascript">

        var w=0,h=0,i=0;

        window.onresize=win;

        window.onmouseup=after;

        function after() {

         alert("" + window.innerWidth + " height:" + window.innerHeight);

        }

        function win(){

            w=window.innerWidth;

            h= window.innerHeight;

            document.getElementById("show").innerHTML=t();

    }

        function t() {

         i++;

         return i;

        }

    </script>

    <span id="show"></span>

    注:后面的数值代表IE版本。

    鼠标、键盘属性

    2、altKey:返回当事件被触发时,"alt"是否被按下。

    event.altKey:true|false|1|0

    2、button:返回当事件被触发时,那个鼠标按钮被点击。

    event.button:0|1|2 左|中|右

    IE: event.button:1|4|2 左|中|右

    3、clientX:返回当事件被触发时,鼠标指针的水平坐标。

    X=event.clientX;

    4、clientY:返回当事件被触发是,鼠标指针的垂直坐标。

        Y=event.sclientY;

    5、ctrlKey:返回当事件被触发时,"ctrl"键是否被按下。

        event. ctrlKey:true|false|1|0

    6、metaKey:返回当事件被触发时,"meta"键是否被按下。

    event. metaKey:true|false|1|0

    7、relatedTarget:返回与事件的目标节点相关的节点。

        IE不支持。基本上不用这个属性。

    8、screenX:返回当某个事件被触发时,鼠标指针的水平坐标。

        X=event.screenX;

    9、screenY:返回当某个事假被出发时,鼠标指针的垂直坐标。

        Y=event.screenY;

    10、shiftKey:返回当事件被触发时,"shift"键是否被按下。

    event.altKey:true|false|1|0

    11、target:事件属性可返回事件的目标节点(触发该事件的节点)。

        var d = event. target(节点),d.id:目标节点的ID,d.value:目标节点的value;

    12、keyCode:对于 keypress 事件,该属性声明了被敲击的键生成的 Unicode 字符码。对于 keydown 和 keyup 事件,它指定了被敲击的键的虚拟键盘码。虚拟键盘码可能和使用的键盘的布局相关。(IE中keypress不支持功能按键)

        Keypress事件按下shift+1时返回可打印的"!"字符。而keydown和keyup记录仪shift+1。

        事件初始化:

            function key(e){javascript}

            document. onkeypress =key;//全局按键事件呼叫key();还可写在<body>标签,<head onkeypress="key()">

        实现:FF

            function key(e){alert(e.which);

            document. onkeypress =key; //全局按键事件呼叫key();还可写在<body>标签,<head onkeypress="key()">

        实现:IE

            function key(e){alert(event.keyCode);

            document. onkeypress =key; //全局按键事件呼叫key();还可写在<body>标签,<head onkeypress="key()">

        判断浏览器类型读取键盘key:

    浏览器代码名称:navigator.appCodeName

    浏览器名称:navigator.appName

    浏览器版本号:navigator.appVersion

    对Java的支持:navigator.javaEnabled()

    MIME类型(数组):navigator.mimeTypes

    系统平台:navigator.platform

    插件(数组):navigator.plugins

    用户代理:navigator.userAgent

    1:

    function key(e){

    if(navigator.appName=="Microsoft Internet Explorer")

    {alert(event.keyCode);}

    else

    {alert(e.which);}

            2:

            function key(e){

                var ekeycode=0;

                e=e||event;

                ekeycode=e.keyCode||e.which;

                alert(ekeycode);

    }

     

    keyCode转字符函数:String.fromCharCode(code);

    参考:

    http://www.w3school.com.cn/jsref/jsref_events.asp

    http://www.jb51.net/article/44654.htm

    将来的你,一定会感谢现在拼命努力的你!
  • 相关阅读:
    Appium环境搭建+cordova
    Appium简单测试用例
    appium常用方法整理
    JAVA+Maven+TestNG搭建接口测试框架及实例
    stm32填坑之旅一
    再度分(tu)析(cao)Egret这个年轻人
    Egret的若干局限
    egret随笔-egret浅入浅出
    一步一步实现AS3拖放组件
    react-native学习笔记——ViewStack组件
  • 原文地址:https://www.cnblogs.com/hugjil/p/6057187.html
Copyright © 2020-2023  润新知