zoukankan      html  css  js  c++  java
  • 整理js常用按键相关代码

    1.(兼容)Js获取鼠标位置的坐标

    View Code
     1 function mouseMove(ev) 
     2 { 
     3 ev= ev || window.event; 
     4 var mousePos = mouseCoords(ev); 
     5 //alert(ev.pageX); 
     6 document.getElementById("xxx").value = mousePos.x; 
     7 document.getElementById("yyy").value = mousePos.y; 
     8 }
     9 function mouseCoords(ev) 
    10 { 
    11 if(ev.pageX || ev.pageY){ 
    12 return {x:ev.pageX, y:ev.pageY}; 
    13 } 
    14 return { 
    15 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft, 
    16 y:ev.clientY + document.body.scrollTop - document.body.clientTop 
    17 }; 
    18 }

    document.onmousemove = mouseMove;
    2.(兼容)获取鼠标点击的元素 测试兼容IE6-8/FF

    View Code
     1         function getClickedHtml(event) {
     2             var eve = event || window.event;
     3             try {
     4                 var obj = document.elementFromPoint(eve.clientX, eve.clientY);
     5             } catch (e) {
     6                 alert("浏览器不支持");
     7             }
     8             if (obj) alert(obj.innerHTML);
     9             else { alert("无法获取"); }
    10         }

    3.JQuery按键
    Jquery对Event做了标准化,可以放心使用。
        * target   这个反应触发事件的DOM对象,可以在事件冒泡的时候判断是否是事件源头(compare event.target to this)
        * pageX: 鼠标的left属性,相对于page
        * pageY: 鼠标的top属性,相对于page
        * preventDefault(): 这个方法被调用,则原有事件就被忽略。(例如 clicked link就不会去新的Url了)
        * stopPropagation():让Jquery停止事件冒泡
        * Data: 如果事件中还有EventData你就可以用这个属性获得对应Eventdata数据了。
        * ctrlKey: 类型: Boolean, 说明: Ctrl 键是否按下
        * shiftKey: 类型: Boolean, 说明: Shift键是否按下
        * altKey: 类型: Boolean, 说明: Alt 键是否按下
        * charCode: 类型: Number, 说明: 最后响应键盘按键的 charCode 值
        * keyCode: 类型: Number, 说明: 最后响应键盘按键的 keyCode 值
        * button: 类型: Number, 说明: 按下的鼠标键, 左键:1, 右键:2, 中键:4
        * which: 类型: Number, 说明: 最后响应的是哪个按键, 如果是键盘按键则等于 charCode || keyCode; 如果是鼠标按键, 左键:1, 右键:3, 中键2
    type : 事件类型
    relatedTarget:对于鼠标事件, 标示触发事件时离开或者进入的DOM元素
    $("a").mouseout(function(event) {
    alert(event.relatedTarget);
    });
    currentTarget:冒泡前的当前触发事件的DOM对象, 等同于this.
    result: 上一个事件处理函数返回的值
    screenX/Y:对于鼠标事件, 获取事件相对于屏幕原点的水平/垂直坐标

  • 相关阅读:
    QTP的那些事连接oracle的方法
    QTP的那些事判定页面是否存在某个文本内容
    java计算的小数加减法计算有错误解决
    自由者-Hdsome安身立鸣博客园
    转:经典URL重写
    常见的类整理
    TD tree体验
    《大道至简》读后感
    SqlDataReader使用
    ExecuteScalar
  • 原文地址:https://www.cnblogs.com/Denny_Yang/p/2737299.html
Copyright © 2011-2022 走看看