码迷,mamicode.com
首页 > 其他好文 > 详细

Dom EVENT对象

时间:2018-05-07 19:40:38      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:targe   function   button   点击   unicode   不能   tar   pre   名称   

Event 对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

事件通常与函数结合使用,函数不会在事件发生前被执行!

一:测试按键

function whichButton(event){
  var btnNum = event.button;
if (btnNum==2){
  alert("您点击了鼠标右键!") } else if(btnNum==0) { alert("您点击了鼠标左键!") } else if(btnNum==1) { alert("您点击了鼠标中键!"); } else { alert("您点击了" + btnNum+ "号键,我不能确定它的名称。"); } }

二:获取鼠标坐标

function show_coords(event)
{
  x=event.clientX;
  y=event.clientY;
  alert("X 坐标: " + x + ", Y 坐标: " + y) }

  

三:获取 键盘 按键的 unicode 

function whichButton(event)
{
  alert(event.keyCode);
}

  

四:相对于屏幕的 鼠标 坐标

function coordinates(event)
{
  x=event.screenX;
  y=event.screenY;
  alert("X=" + x + " Y=" + y); }

  

五:shift 按键是否被  按住

function isKeyPressed(event)
{
  if (event.shiftKey==1)
    {
      alert("The shift key was pressed!")
    }
  else
    {
      alert("The shift key was NOT pressed!")
    }
  }

  

六:测试 点击了 何种元素(p,div,或者 image,a and so on.)

function whichElement(e)
{
  var targ;
  if (!e) var e = window.event;
  if (e.target) targ = e.target;
  else if (e.srcElement) targ = e.srcElement;
  if (targ.nodeType == 3); // defeat Safari bug
targ = targ.parentNode;
  var tname;
  tname=targ.tagName;
  alert("You clicked on a " + tname + " element."); }

  

 

Dom EVENT对象

标签:targe   function   button   点击   unicode   不能   tar   pre   名称   

原文地址:https://www.cnblogs.com/moutudou/p/9003845.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!