九门宁生

阻止冒泡

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #box1 { width: 300px; height: 300px; background-color: red; } #box2 { width: 200px; height: 200px; backgr 阅读全文

posted @ 2019-08-27 10:18 九门宁生阅读(158) 评论(0) 推荐(0)

取消默认行为的执行

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <a id="link" href="http://www.baidu.com">baidu</a> <script> var link = document.getElementBy 阅读全文

posted @ 2019-08-27 10:16 九门宁生阅读(313) 评论(0) 推荐(0)

获取鼠标早盒子中的位置

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #box { width: 300px; height: 300px; border: 1px solid red; margin: 100px 10px 10px 10 阅读全文

posted @ 2019-08-27 10:15 九门宁生阅读(244) 评论(0) 推荐(0)

pageX的兼容性处理2

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <script src="common.js"></script> <script> // e. 阅读全文

posted @ 2019-08-27 09:54 九门宁生阅读(173) 评论(0) 推荐(0)

pageX的兼容性处理1

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } </style> </head> <body> <script> // e.clientX/e.clientY 鼠标在可视区域中的位置 // // e.page 阅读全文

posted @ 2019-08-27 09:53 九门宁生阅读(381) 评论(0) 推荐(0)

跟着鼠标飞的图片

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { height: 1000px; } #ts { position: absolute; } </style> </head> <body> <img src="images/tianshi.gif 阅读全文

posted @ 2019-08-27 09:44 九门宁生阅读(148) 评论(0) 推荐(0)

事件对象3

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; height: 1000px; } #box { margin: 100px; margin-top: 500px; width: 200px; height: 200px; 阅读全文

posted @ 2019-08-27 09:43 九门宁生阅读(134) 评论(0) 推荐(0)

事件对象2

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { margin: 0; } #box { margin: 100px; width: 200px; height: 200px; background-color: red; } </style> 阅读全文

posted @ 2019-08-27 09:42 九门宁生阅读(137) 评论(0) 推荐(0)

事件对象1