标签：http code 补充 class function log center src oct
目录
code1<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>事件绑定</title>
<script src="./jquery-1.8.3.min.js"></script>
<style>
#item1{
width: 200px;
height: 200px;
background: red;
}
</style>
</head>
<body>
<script>
// ...... (1)
</script>
<div id="item1"></div>
<script>
// ...... (2)
</script>
</body>
</html>console.log("$('#item1') =", $('#item1'));item1 在下方，且程序自上而下运行，所以此时还获取不到 item1// 1. 当页面加载完成之后触发 ready
$(document).ready(function(){
console.log("$('#item1') =", $('#item1')); // 加载完成之后执行此代码可以获取到 #item1
});// 2. 当文档加载完成之后自动调用自己（与 1. 同效，并且 2 是 1 的缩写）
$(function(){
console.log("$('#item1') =", $('#item1'));
});$('#item1').click(function(){
console.log("click 单击事件");
});$('#item1').dblclick(function(){
console.log("dblclick 双击事件");
});$('#item1').bind("click", function(){
console.log("bind 绑定事件方法");
});$('#item1').unbind(); // 解除 #item1 上的所有事件$('#item1').unbind("click"); // 只解除 #item1 的单击事件$(element).live("click", function(){});trigger$(element).trigger('click'); // 必须指定元素的事件类型，如此处的 click| 事件 | 对应的名称 |
|---|---|
| 鼠标单击事件 | click |
| 鼠标双击事件 | dbclick |
| 鼠标移入事件 | mouseover |
| 鼠标移出事件 | mouseout |
| 鼠标按下事件 | mousedown |
| 鼠标抬起事件 | mouseup |
| 鼠标移动事件 | mousemove |
$('div').mousedown(function(){
console.log("鼠标被按下了");
});false 来进行阻止false 来阻止默认行为<a href="https://www.cnblogs.com">点我去博客园</a>$('a').click(function(){
alert("单击事件被触发了");
return false; // 阻止默认行为
});event/* event 事件对象
通过此对象，可以获取鼠标当前单击时的位置
clientX, clientY 相对于窗口的偏移位置
offsetX, offsetY 相对于元素的偏移位置
pageX, pageY 相对于文档的偏移位置
screenX, screenY 相对于屏幕的偏移位置
type 事件类型
*/
$(element).click(function(e){
// e for enent，类似于在 Python 中写 Class 时要加 self
// 能够获取鼠标的 x 轴和 y 轴坐标，坐标位置相对于浏览器窗口
console.log("(%d, %d)", e.clientX, e.clientY);
// 能够获取鼠标的 x 轴和 y 轴坐标，坐标位置相对于文档
var x = e.pageX;
var y = e.pageY;
console.log("(%d, %d)", x, y);
// ...
});// 可以打印 e 对象，或者直接使用该对象中的 keyCode 属性来获取按键信息
$(window).keydown(function(e){
var key = e.keyCode;
console.log("e =", e);
console.log("key =", key); // 可以试验出按键对应的编码
});标签：http code 补充 class function log center src oct
原文地址：https://www.cnblogs.com/yorkyu/p/11716603.html
