一：获取键盘上某个按键的unicode值

 <html>

 <head>

 <script type="text/javascript">

 function whichButton(event)

 {

 alert(event.keyCode)

 }

 </script>

 </head>

 <body onkeyup="whichButton(event)">

 <p><b>注释：</b>在测试这个例子时，要确保右侧的框架获得了焦点。</p>

 <p>在键盘上按一个键。消息框会提示出该按键的 unicode。</p>

 </body>

 </html>

二：请在页面内点击鼠标的按键。判断你点击的是哪个键

 <html>

 <head>

 <script type="text/javascript">

 function whichButton(event)

 {

 var btnNum = event.button;

 if (btnNum==2)

   {

   alert("您点击了鼠标右键！")

   }

 else if(btnNum==0)

   {

   alert("您点击了鼠标左键！")

   }

 else if(btnNum==1)

   {

   alert("您点击了鼠标中键！");

   }

 else

   {

   alert("您点击了" + btnNum+ "号键，我不能确定它的名称。");

   }

 }

 </script>

 </head>

 <body onmousedown="whichButton(event)">

 <p>请在文档中点击鼠标。一个消息框会提示出您点击了哪个鼠标按键。</p>

 </body>

 </html>

三：获取光标的坐标（相对于当前文档）

 <html>

 <head>

 <script type="text/javascript">

 function show_coords(event)

 {

 x=event.clientX

 y=event.clientY

 alert("X 坐标: " + x + ", Y 坐标: " + y)

 }

 </script>

 </head>

 <body onmousedown="show_coords(event)">

 <p>请在文档中点击。一个消息框会提示出鼠标指针的 x 和 y 坐标。</p>

 </body>

 </html>

四：相对于屏幕光标的坐标

 <html>

 <head>

 <script type="text/javascript">

 function coordinates(event)

 {

 x=event.screenX

 y=event.screenY

 alert("X=" + x + " Y=" + y)

 }

 </script>

 </head>

 <body onmousedown="coordinates(event)">

 <p>

 在文档中点击某个位置。消息框会提示出指针相对于屏幕的 x 和 y 坐标。

 </p>

 </body>

 </html>

五：获取事件触发的类型

 <html>

 <head>

 <script type="text/javascript">

 function getEventType(event)

   {

   alert(event.type);

   }

 </script>

 </head>

 <body onmousedown="getEventType(event)">

 <p>在文档中点击某个位置。消息框会提示出被触发的事件的类型。</p>

 </body>

 </html>

六：当输入完搜索条件，直接点击回车键触发搜索的js方法

 <li>用户名：<input type="text" class="dfinput" id="queryName" onkeyup="if(event.keyCode==13) queryByName();"  value="${queryName }" style="width: 200px;"></li>

         <li><input  type="button" class="scbtn" onclick="queryByName();" value="查询"/></li>

sdfa

html页面中event的常见应用的更多相关文章

  1. .Net中几种常见的页面跳转传值方法

    1.ASP Server对象Execute方法 ASP Server对象的Execute方法可以在执行当前页面的过程中将另一个页面执行结果的内容插入到当前页面的输出中.Execute方法带一个参数,是 ...

  2. HTML页面中常见的一些小方法

    在<Head>标签中加   <meta http-equiv="pragma " content="no-cache"> <met ...

  3. Jsp页面中常见的page指令

    注:图片如果损坏,点击文章链接:https://www.toutiao.com/i6513327323628962312/ 1.<JSP页面实际上就是Servlet> 2.<JSP页 ...

  4. WEB页面中常见的四种控件的必须的测试

    以下为常规的需求,除非需求有明确说明,如密码输入框中可以输入空格.   输入框 1. 为空,但页面中明确说明不能为空(带有星号或者只有这一个输入框),有以下两种情况: a. 不进行输入或者使其为空:焦 ...

  5. 【C#】无损转换Image为Icon 【C#】组件发布：MessageTip，轻快型消息提示窗 【C#】给无窗口的进程发送消息 【手记】WebBrowser响应页面中的blank开新窗口及window.close关闭本窗体 【手记】调用Process.EnterDebugMode引发异常：并非所有引用的特权或组都分配给呼叫方 【C#】DataRowState演变备忘

    [C#]无损转换Image为Icon 如题,市面上常见的方法是: var handle = bmp.GetHicon(); //得到图标句柄 return Icon.FromHandle(handle ...

  6. 【手记】WebBrowser响应页面中的blank开新窗口及window.close关闭本窗体

    注:本文适用.net 2.0+的winform项目 目的: 点击页面中的target="_blank"链接时,弹出新窗体 页面中有window.close()操作时,关闭窗体 上述 ...

  7. 使用PHP的正则抓取页面中的网址

    最近有一个任务,从页面中抓取页面中所有的链接,当然使用PHP正则表达式是最方便的办法.要写出正则表达式,就要先总结出模式,那么页面中的链接会有几种形式呢?   链接也就是超级链接,是从一个元素(文字. ...

  8. JSF页面中使用js函数回调后台bean方法并获取返回值的方法

    由于primefaces在国内使用的并不是太多,因此,国内对jsf做系统.详细的介绍的资料很少,即使有一些资料,也仅仅是对国外资料的简单翻译或者是仅仅讲表面现象(皮毛而已),它们的语句甚至还是错误的, ...

  9. js防止回车(enter)键提交表单及javascript中event.keycode

      如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里 ...

随机推荐

  1. Xcel 测试版使用手册

    基于无任何文笔可言,所以直接上使用方法吧. 1.引用dll,如何引用dll请谷歌. 2.使用 //实例化对象 LT.XMLExcel.XlsxOption xOption = new LT.XMLEx ...

  2. shoes的安装前后（一）

    最近看到一个模型用到了shoes,准备自己试一试.搞了半天,也安装不成功.直接安装包,gem install shoes,失败, 从rubygems上下载最新版本的shoes 然后安装,成功了.随便写 ...

  3. Bootstrap抽样(自展法)

    Bootstrap又称自展法,是用小样本估计总体值的一种非参数方法,在进化和生态学研究中应用十分广泛.例如进化树分化节点的自展支持率等. Bootstrap的思想,是生成一系列bootstrap伪样本 ...

  4. iOS重签名脚本

    unzip xxx.ipa //解压ipa rm -rf Payload/ xxx.app/_CodeSignature //删除旧签名 cp newEmbedded.mobileprovision ...

  5. bzoj1611 / P2895 [USACO08FEB]流星雨Meteor Shower

    P2895 [USACO08FEB]流星雨Meteor Shower 给每个点标记一下能够走的最迟时间,蓝后bfs处理一下 #include<iostream> #include<c ...

  6. asp.net调用opencv类库，实现图像处理显示

    asp.net调用opencv类库,实现图像处理显示     ​      原理上来说,通过dll的调用,无论是asp.net还是winform都可以调用opencv及其类库.但是在实现的过程还是有许 ...

  7. 20145122 《Java程序设计》第5周学习总结

    教材学习内容总结 1.在Java中,异常分为受检查的异常,与运行时异常. 两者都在异常类层次结构中. 2.受检查的异常(checked exceptions),其必须被 try{}catch语句块所捕 ...

  8. 从0开始学习 GITHUB 系列之「初识 GITHUB」【转】

    本文转载自:http://stormzhang.com/github/2016/05/25/learn-github-from-zero1/ 版权声明:本文为 stormzhang 原创文章,可以随意 ...

  9. SwitchyOmega 设置修改代理

    在开发过程中,web.config中很多配置都是生产的域名,但是在本地开发时并不能用这些生产的地址,就想在打开该域名时跳转到本地ip地址. 修改方式: 1.hosts文件修改 这种方式是在整个电脑上面 ...

  10. Ubuntu16.04 国内更新源

    在修改source.list之前要先备份 sudo cp /etc/apt/sources.list /etc/apt/sources.list.bak 替换内容到source.list中 阿里云源: ...