当前位置：首页 > 编程日记 > 正文

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

编程日记 2024-06-15 16:00:00

  1 1. 鼠标的哪个按键被点击？
  2 <html>
  3 <head>
  4 <script type="text/javascript">
  5 function whichButton(event)
  6 {
  7 if (event.button==2)
  8 {
  9 alert("你点击了鼠标右键!")
 10 }
 11 else
 12 {
 13 alert("你点击了鼠标左键!")
 14 }
 15 }
 16 </script>
 17 </head>
 18 
 19 <body οnmοusedοwn="whichButton(event)">
 20 <p>请单击你鼠标的左键或右键试试</p>
 21 </body>
 22 </html>
 23 
 24 2. 当前鼠标的光标坐标是多少？
 25 <html>
 26 <head>
 27 <script type="text/javascript">
 28 function show_coords(event)
 29 {
 30 x=event.clientX
 31 y=event.clientY
 32 alert("X 坐标： " + x + ", Y 坐标： " + y)
 33 }
 34 </script>
 35 </head>
 36 
 37 <body οnmοusedοwn="show_coords(event)">
 38 
 39 <p>在此文档中按下你鼠标的左键看看！</p>
 40 
 41 </body>
 42 </html>
 43 
 44 
 45 3. 被按下键的unicode码是多少？
 46 <html>
 47 <head>
 48 <script type="text/javascript">
 49 function whichButton(event)
 50 {
 51 alert(event.keyCode)
 52 }
 53 
 54 </script>
 55 </head>
 56 
 57 <body οnkeyup="whichButton(event)">
 58 <p>在此文档中按下你键盘上的某个键看看</p>
 59 </body>
 60 </html>
 61 
 62 4. 当前鼠标的光标相对于屏幕的坐标是多少？
 63 <html>
 64 <head>
 65 
 66 <script type="text/javascript">
 67 function coordinates(event)
 68 {
 69 x=event.screenX
 70 y=event.screenY
 71 alert("X=" + x + " Y=" + y)
 72 }
 73 
 74 </script>
 75 </head>
 76 <body οnmοusedοwn="coordinates(event)">
 77 
 78 <p>
 79 点击你鼠标的左键
 80 </p>
 81 
 82 </body>
 83 </html>
 84 
 85 5. 当前鼠标的光标坐标是多少？
 86 <html>
 87 <head>
 88 
 89 <script type="text/javascript">
 90 function coordinates(event)
 91 {
 92 x=event.x
 93 y=event.y
 94 alert("X=" + x + " Y=" + y)
 95 }
 96 
 97 </script>
 98 </head>
 99 <body οnmοusedοwn="coordinates(event)">
100 
101 <p>
102 点击你鼠标的左键
103 </p>
104 
105 </body>
106 </html>
107 
108 6。shift键是否按下?
109 <html>
110 <head>
111 <script type="text/javascript">
112 function isKeyPressed(event)
113 {
114   if (event.shiftKey==1)
115     {
116     alert("shit键按下了!")
117     }
118   else
119     {
120     alert("shit键没有按下!")
121     }
122   }
123 </script>
124 </head>
125 
126 <body οnmοusedοwn="isKeyPressed(event)">
127 
128 <p>按下shit键，点击你鼠标的左键</p>
129 
130 </body>
131 </html>
132 
133 7. 当前被点击的是哪一个元素？
134 <html>
135 <head>
136 <script type="text/javascript">
137 function whichElement(e)
138 {
139 var targ
140 if (!e) var e = window.event
141 if (e.target) targ = e.target
142 else if (e.srcElement) targ = e.srcElement
143 if (targ.nodeType == 3) // defeat Safari bug
144    targ = targ.parentNode
145 var tname
146 tname=targ.tagName
147 alert("你点击了 " + tname + "元素")
148 }
149 </script>
150 </head>
151 
152 <body οnmοusedοwn="whichElement(event)">
153 <p>在这里点击看看，这里是p</p>
154 <br /><br />
155 <h3>或者点击这里也可以呀，这里是h3</h3>
156 <p>你想点我吗？？</p>
157 <img border="0" src="../myCode/btn.gif" width="100" height="26" alt="pic">
158 </body>
159 
160 </html>

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

https://www.dkcj.cn/info/10839.html

mysql性能优化1

当我们去设计数据库表结构，对操作数据库时（尤其是查表时的SQL语句），我们都需要注意数据操作的性能。这里，我们不会讲过多的SQL语句的优化，而只是针对MySQL这一Web应用最多的数据库。希望下面的这些优化技巧…

编程日记2024/06/15 15:50:00

java获取date的时分秒_Java 之 Date 获取年月日时分秒

package com.util;import java.text.DateFormat;import java.util.Calendar;import java.util.Date;public class Test {public void getTimeByDate(){Date date new Date();DateFormat df1 DateFormat.getDateInstance();//日期格式，精确到日System.out.println(…

编程日记2024/06/15 15:40:00

python中字典的value可以为任意对象_Python对象作为字典值

所以我有以下代码,其中字典的值是一个对象,该对象的关键是对象中的一个项目：class MyObject():def getName(self):return self.namedef getValue(self):return self.valuedef __init__(self,name, value):self.name nameself.value valuedict {}object MyObject…

编程日记2024/06/15 15:30:00

Android Java使用JavaMail API发送和接收邮件的代码示例

JavaMail是Oracle甲骨文开发的Java邮件类API,支持多种邮件协议,这里我们就来看一下Java使用JavaMail API发送和接收邮件的代码示例使用Javamail发送邮件，必需的jar包（请下载javamail的源文件，官方下载页：http://www.oracle.com/t…

编程日记2024/06/15 15:20:00

python 包用法_Python 基础教程之包和类的用法

Python 基础教程之包和类的用法这篇文章主要介绍了 Python 基础教程之包和类的用法的相关资料, 需要的朋友可以参考下Python 是一种面向对象、解释型计算机程序设计语言，由 Guido van Rossum 于 1989 年底发明，第一个公开发行版发行于 1991 年。Python 语…

编程日记2024/06/15 15:10:00

[bzoj2259][Oibh]新型计算机_Dijkstra

新型计算机 bzoj-2259 Oibh 题目大意：给定一个n个数的数列，第i个数为a[i]，更改第i个数至x的代价为|x-a[i]|。求最小代价，使得：读入一个数s1后，向后连着读s1个数，然后如s2，再向后读s2…

编程日记2024/06/15 15:00:00

arcengine 加载地图不显示_地图建筑建模制作与输出

导读阅读完此文，你会了解：1、地图建筑模型通常如何制作的2、地图建筑模型替换策略地图上往往会有一些定制建筑的需求，例如将下面的水立方做成气泡感的。加入定制模型之前加入定制模型之后这种需求就需要建模师对建筑做定制化建模。模型制作首…

编程日记2024/06/15 14:50:00

用easyx画电子钟_Canvas入门－利用Canvas绘制好玩的电子时钟

在这之前你需要了解一下方法的使用：beginPath()closePath()moveTo()lineTo()fill()stroke()fillRect()clearRect()这些我在前面的文章介绍过，可以看：画个圆arc()方法arc(x, y, radius, startAngle, endAngle, anticlockwise) > 画一个以(x…

编程日记2024/06/15 14:40:00

前端开发工程师面试题之综合篇

温馨提示：以下系列的面试题是通过整合网上各位大牛的文章而成，站在巨人的肩膀上，能够让我们更进一步。 1、页面从输入URL到页面加载显示完成，这个过程中都发生了什么？ 输入域名地址发送域名地址至DNS服务器并获得对应W…

编程日记2024/06/15 14:30:00

C语言基础(12)-输入和输出

1. int scanf(const char *format, ...) 说明：scanf用于通过控制台输入字符串。注意： (1).通过scanf()函数输入的字符串，系统会自动在其后面补一个0,scanf默认回车和空格都是代表输入完成，这样会导致无法输入一个完整的字符串。 …

编程日记2024/06/15 14:20:00

java static 可见性_Java多线程 synchronized与可见性的关系以及可见性问题总结

作者：七里香的编程之路出自：OSCHINA原文：my.oschina.net/u/4098550/blog/4548274能保证可见性的措施除了volatile 可以让变量保证可见性外.happens-before九大规则. 都是能够保证可见性的. 其中就包含了锁操作(synchronized 和 lock) 和 vola…

编程日记2024/06/15 14:10:00

表达式树 java_表达树—构建表达式树、获取表达式（二）

public classExprTree {//最后访问头结点public BinaryTreeNode buildExprTree(char postfixExpr[],intsize){LinkedList stacknewLinkedList();BinaryTreeNode nodenull;for(int i0;inodenewBinaryTreeNode();node.setLeft(null);node.setRight(null);node.setData(postfixExp…

编程日记2024/06/15 14:00:00

python 客户端如何获取手机_Python学习---Django的request扩展[获取用户设备信息]

关于Django的request扩展【获取用户设备信息】settings.pyINSTALLED_APPS [...app01, # 注册app]STATICFILES_DIRS (os.path.join(BASE_DIR, "statics"),) # 现添加的配置,这里是元组，注意逗号TEMPLATES [...DIRS: [os.path.join(BASE_DIR, templates)…

编程日记2024/06/15 13:50:00

: error c2062: 意外的类型“int”_Go 命令行解析 flag 包之扩展新类型

上篇文章说到，除布尔类型 Flag，flag 支持的还有整型（int、int64、uint、uint64）、浮点型（float64）、字符串（string）和时长（duration）。flag 内置支持能满足大…

编程日记2024/06/15 13:40:00

java英文字符串大小写转换必须使用_【Java基础】之字符串大小写转换不利用API....

public class UpStr{static String str "AbcDeFdDSfgdsadeADFSAFCfdsa";public String transformUpperOrLower(String str, String type){//将字符串转换为char数组char[] ch str.toCharArray();if (type null || type.length() 0 || type.equals(""))…

编程日记2024/06/15 13:30:00

.net core 17

转载于:https://www.cnblogs.com/qingwengang/p/6297486.html

编程日记2024/06/15 13:20:00

vue中子组件和子组件之间怎么通信_vue.js组件之间如何通信？

vue.js组件之间如何通信？下面本篇文章就来给大家介绍一下Vue.js组件间通信方式。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。平时在使用Vue框架的业务开发中，组件不仅仅要把模板的内容进行复用，更…

编程日记2024/06/15 13:10:00

以太坊RLP机制分析

目录 1 RLP 定义 2 RLP 编码规则 3 RLP 编码实例 4 RLP 分析 1 RLP 定义 RLP，即 Recursive Length Prefix, 递归长度前缀编码，是以太坊数据序列化的主要方法， 具有较好的数据处理效率，尤其是将长度和类型统一作为前缀，…

编程日记2024/06/15 13:00:00

Android Studio导入Eclipse项目的两种方法

Android Studio导入Eclipse项目有两种方法，一种是直接把Eclipse项目导入Android Studio，另一种是在Eclipse项目里面进行转换，然后再导入Android Studio。 1. 直接导入打开Android Studio，如果里面已经打开了项目，选择…

编程日记2024/06/15 12:50:00

mediawiki java api_维基百科 MediaWiki API 解析

使用开放的 API 做一个自己的小项目，是一个很好的学习方法。但好像开放的 API 选择并不多。这里给大家多一个选择，简单介绍一下维基百科使用的 MediaWiki API。简介先简单介绍几个容易混淆的概念。WikiWiki 是一种在网络上开放且可供多人协同创作的超文本…

编程日记2024/06/15 12:40:00

elasticdump安装_elasticsearch导出、导入工具-elasticdump

elasticsearch导出、导入工具-elasticdumpelasticsearch 数据导入到本地，或本地数据导入到elasticsearch中，或集群间的数据迁移，可以用elasticsearch的工具—elasticdumpelasticdump 可以用用npm安装本地运行，也可以用docker容器运…

编程日记2024/06/15 12:30:00

mysql 无法登陆_MySQL root用户无法登录原因及解决办法

MySQL root密码正确，却怎么也bai无法du从本地登录MySQL登录提示ERROR 1045 (28000): Access denied for user rootlocalhost (using password: YES)可能原因是mysql库中bai的user表缺少一个root指向host：localhost的数据项，只有一个root指向h…

编程日记2024/06/15 12:20:00

Spring Boot启动过程（二）

书接上篇该说refreshContext(context)了，首先是判断context是否是AbstractApplicationContext派生类的实例，之后调用了强转为AbstractApplicationContext类型并调用它的refresh方法。由于AnnotationConfigEmbeddedWebApplicationContext继承自EmbeddedW…

编程日记2024/06/15 12:10:00

dom vue 加载完执行_前端面试题——Vue

前言前几天整理了一些 html css JavaScript 常见的面试题(https://segmentfault.com/u/youdangde_5c8b208a23f95/articles)，然后现在也是找了一些在 Vue 方面经常出现的面试题，留给自己查看消化，也分享给有需要的小伙伴。如果文章中有出现纰…

编程日记2024/06/15 12:00:00

查看某个存储过程

show create procedure 存储过程的名称; ##主从同步是会同步存储过程的转载于:https://www.cnblogs.com/yangxiaochu/p/9397108.html

编程日记2024/06/15 11:50:00

java中的分页效率考虑_面试官：数据量很大，分页查询很慢，有什么优化方案？...

当需要从数据库查询的表有上万条记录的时候，一次性查询所有结果会变得很慢，特别是随着数据量的增加特别明显，这时需要使用分页查询。对于数据库分页查询，也有很多种方法和优化的点。下面简单说一下我知道的一些方法。准备工作为了…

编程日记2024/06/15 11:40:00

dede 后台 mysql_织梦dedecms使用Mysql8.0无法登录后台的解决办法

1//只允许用户名和密码用0-9,a-z,A-Z,,_,.,-这些字符2$this->userName preg_replace("/[^0-9a-zA-Z_!\.-]/", , $username);3$this->userPwd preg_replace("/[^0-9a-zA-Z_!\.-]/", , $userpwd);4$pwd substr(md5($this->userPwd), 5, 20);56$d…

编程日记2024/06/15 11:30:00

怎样对拍、如何对拍、对拍模板

我写了一个对拍模板，套上直接可以用，还有使用说明在里面，这里附上github网站。对拍全套模板转载于:https://www.cnblogs.com/yichuan-sun/p/9624162.html

编程日记2024/06/15 11:20:00

二叉树线索化示意图_103-线索化二叉树思路图解

2.网上数据结构和算法的课程不少，但存在两个问题：1)授课方式单一，大多是照着代码念一遍，数据结构和算法本身就比较难理解，对基础好的学员来说，还好一点，对基础不好的学生来说，基本上…

编程日记2024/06/15 11:10:00

linux环境下搭建osm_web服务器一（Postgresql配置及osm2pgsql原始数据导入）：

Postgresql配置及osm2pgsql原始数据导入 2012年，Ubuntu 12.04LTS发布，又一个长效支持版，我们又该更新OpenStreetMap服务器了，这次，将详细在博客中记录配置过程。关于前面对OpenStreetMap的介绍，参考我的博文…

编程日记2024/06/15 11:00:00

相关文章：