<code class=" hljs javascript">$("div").mousedown(function (e) {
var key = '';
switch (e.which) {
case 1:
key = "左键";
break;
case 2:
key = "中键";
break;
case 3:
key = "右键";
break;
}
console.log(key);
});</code>同时event.which也可以获取键盘上的键
<code class=" hljs javascript">$("input").keyup(function (e) {
console.log(e.which);
});</code>9.event.ctrlKey 判断是否按下了ctrl键
<code class=" hljs javascript">$("input").keyup(function (e) {
console.log(e.ctrlKey); // 返回布尔值
})</code>10.获取鼠标当前的位置
<code class=" hljs avrasm">$(document).click(function (e) {
console.log("screenX: " + e.screenX);
console.log("pageX: " + e.pageX);
console.log("clientX: " + e.clientX);
});</code>二．冒泡和默认行为 1.事件冒泡和阻止冒泡 先来看看一个冒泡的例子
<code class=" hljs php"></code><div><code class=" hljs php">
<input type="button" value="按钮">
$("input").click(function () {
console.log("按钮被触发");
});
$("div").click(function () {
console.log("div被触发");
});
$(document).click(function () {
console.log("document被触发");
});
// 当单击按钮时，三个事件都被触发
// 当单击div时，div和document被触发
// 当单击document时，也仅有document事件被触发</code></div>
现在我们阻止冒泡，看看结果
<code class=" hljs javascript">$("input").click(function (e) {
console.log("按钮被触发");
e.stopPropagation();
});
$("div").click(function (e) {
console.log("div被触发");
e.stopPropagation();
});
$(document).click(function () {
console.log("document被触发");
});</code>
无论你怎样单击按钮和div，它也只能触发自己的时间，因为冒泡被阻止了
2.阻止默认行为
<code class=" hljs lua"></code><div><code class=" hljs lua">
$("a").click(function (e) {
e.preventDefault();
});</code></div>3.同时阻止默认行为和冒泡
<code class=" hljs javascript">$("a").click(function (e) {
console.log("a");
e.stopPropagation();
e.preventDefault();
});
$("div").click(function () {
console.log("div");
