首页 > 关于鼠标、键盘的几个例子

关于鼠标、键盘的几个例子

  1 1. 鼠标的哪个按键被点击？
  2 
  3 
  4 
 17 
 18 
 19 "whichButton(event)">
 20 
请单击你鼠标的左键或右键试试

 21 
 22 
 23 
 24 2. 当前鼠标的光标坐标是多少？
 25 
 26 
 27 
 35 
 36 
 37 "show_coords(event)">
 38 
 39 
在此文档中按下你鼠标的左键看看！

 40 
 41 
 42 
 43 
 44 
 45 3. 被按下键的unicode码是多少？
 46 
 47 
 48 
 55 
 56 
 57 "whichButton(event)">
 58 
在此文档中按下你键盘上的某个键看看

 59 
 60 
 61 
 62 4. 当前鼠标的光标相对于屏幕的坐标是多少？
 63 
 64 
 65 
 66 
 75 
 76 "coordinates(event)">
 77 
 78 

 79 点击你鼠标的左键
 80 

 81 
 82 
 83 
 84 
 85 5. 当前鼠标的光标坐标是多少？
 86 
 87 
 88 
 89 
 98 
 99 "coordinates(event)">
100 
101 

102 点击你鼠标的左键
103 

104 
105 
106 
107 
108 6。shift键是否按下?
109 
110 
111 
124 
125 
126 "isKeyPressed(event)">
127 
128 
按下shit键，点击你鼠标的左键

129 
130 
131 
132 
133 7. 当前被点击的是哪一个元素？
134 
135 
136 
150 
151 
152 "whichElement(event)">
153 
在这里点击看看，这里是p

154 


155 
或者点击这里也可以呀，这里是h3

156 
你想点我吗？？

157 "0" src="../myCode/btn.gif" width="100" height="26" alt="pic">
158 
159 
160

 

转载于:https://www.cnblogs.com/ITzhangyunpeng/p/9365900.html

更多相关：

  • 兼容IE11

    两种方法动态加载外部原生JS文件

    //方法1----------------------------------------document.write("");//方法2----------------------------------------/** 动态加载JS @para...

  • Angular1.4.6框架简单读取数据库信息并渲染完成news新闻文章列表以及detail详情页功能（小试牛刀）

    项目结构 css/angular-common.css table tr td:first-child {/**背景图片*/width: 200px;height: 100px;/**居中填满*/background-repeat: no-repeat;background-position: center;background-s...

  • Vue.js框架简单读取数据库信息并渲染完成news新闻文章列表以及detail详情页功能（小试牛刀）

      项目结构   news.html（新闻列表文件）

    xBIM 实战01 在浏览器中加载IFC模型文件

    系列目录    【已更新最新开发文章，点击查看详细】  一、创建Web项目 　　打开VS，新建Web项目，选择 .NET Framework 4.5  选择一个空的项目 新建完成后，项目结构如下： 二、添加webServer访问文件类型 　　由于WexXplorer 加载的是 .wexBIM格式的文件或者文件流，所以需要在W...

  • 剑指offer：面试题35. 复杂链表的复制

    题目：复杂链表的复制 请实现 copyRandomList 函数，复制一个复杂链表。在复杂链表中，每个节点除了有一个 next 指针指向下一个节点，还有一个 random 指针指向链表中的任意节点或者 null。 示例 1： 输入：head = [[7,null],[13,0],[11,4],[10,2],[1,0]] 输出...

  • leetcode-86 分隔链表

    给定一个链表和一个特定值 x，对链表进行分隔，使得所有小于 x 的节点都在大于或等于 x 的节点之前。 你应当保留两个分区中每个节点的初始相对位置。 示例: 输入: head = 1->4->3->2->5->2, x = 3 输出: 1->2->2->4->3->5 使用双指针的方式，各自构造一个大元素的头节点和小元素...

  • leetcode-142 环形链表II

    给定一个链表，返回链表开始入环的第一个节点。 如果链表无环，则返回 null。 为了表示给定链表中的环，我们使用整数 pos 来表示链表尾连接到链表中的位置（索引从 0 开始）。 如果 pos 是 -1，则在该链表中没有环。 说明：不允许修改给定的链表。 示例 1： 输入：head = [3,2,0,-4], pos = 1...

  • leetcode-92 反转链表II

    题目描述如下： 反转从位置 m 到 n 的链表。请使用一趟扫描完成反转。 说明: 1 ≤ m ≤ n ≤ 链表长度。 示例: 输入: 1->2->3->4->5->NULL, m = 2, n = 4 输出: 1->4->3->2->5->NULL 很明显这个题目是206 反转链表的进阶版 需要记录第m-1个节点和第n+1个...

  • leetcode-206 反转链表

    描述如下： 反转一个单链表。 示例: 输入: 1->2->3->4->5->NULL 输出: 5->4->3->2->1->NULL 方法一：原地反转 数据结构如下 struct ListNode {int val;ListNode *next;ListNode(int x) : val(x), next(NULL) {}...

©2024 11GX.COM