摘要：
1.阻止冒泡： stopPropagation() 举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <div id="box1" style="backg 阅读全文
posted @ 2020-05-04 22:41
abner_pan
阅读(951)
评论(0)
推荐(0)
摘要：
2.事件流的实现 通过true或false来控制 举例1：从外向内流：true <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <body> <div id="box1" st 阅读全文
posted @ 2020-05-02 12:15
abner_pan
阅读(192)
评论(0)
推荐(0)
摘要：
1.定义和使用 浏览器可视窗口坐标： clientY clientX 页面坐标： pageX pageY 电脑屏幕坐标： screenX screenY 鼠标按键： button 阅读全文
posted @ 2020-05-02 11:00
abner_pan
阅读(200)
评论(0)
推荐(0)
摘要：
1.定义和使用 keydown:某个键盘按键被按下 keyup:某个键盘按键被松开 keypress:个键盘按键被按下并松开 注意： 1. 键盘事件的属性不能用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, 阅读全文
posted @ 2020-04-29 22:53
abner_pan
阅读(1852)
评论(0)
推荐(0)
摘要：
1.定义和使用 mouseover:鼠标移到某元素之上 mouseout:鼠标从某元素移开 mousedown:鼠标按钮被按下 mouseup:鼠标按键被松开 mousemove:鼠标被移动 举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8 阅读全文
posted @ 2020-04-29 22:04
abner_pan
阅读(1338)
评论(0)
推荐(0)
摘要：
1.定义和使用 click：单击事件 dblclick：双击事件 注意：区分单击还是双击，使用延时定时器 代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> </head> <styl 阅读全文
posted @ 2020-04-22 22:55
abner_pan
阅读(5401)
评论(0)
推荐(0)
摘要：
1.定义和使用 1）、focus() 方法用于为元素设置焦点 语法：HTMLElementObject.focus() 2）、 blur() 方法来移除元素焦点 语法：HTMLElementObject.blur() 注意：焦点事件一般用于文本框上 举例： <!DOCTYPE html> <html 阅读全文
posted @ 2020-04-22 22:44
abner_pan
阅读(1996)
评论(0)
推荐(0)
摘要：
1.概念 事件：就是用户或者是浏览器执行的某种动作。 事件处理程序：就是响应事件的函数，事件处理程序的名字是以“on”开头的 2.事件的创建 方法1：直接在html标签中给与事件处理程序同名的属性赋值js代码 举例1：点击按钮，弹出提示框提示 <!DOCTYPE html> <html> <head 阅读全文
posted @ 2020-04-22 22:30
abner_pan
阅读(232)
评论(0)
推荐(0)
摘要：
1. 2. 3. 4. 5. 6. 7. 8. 9. 阅读全文
posted @ 2020-04-21 22:24
abner_pan
阅读(188)
评论(0)
推荐(0)
摘要：
1.节点共有的属性 nodeName、nodeType、nodeValue 举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> <script src="./js/js_excise.js 阅读全文
posted @ 2020-04-21 22:01
abner_pan
阅读(295)
评论(0)
推荐(0)
浙公网安备 33010602011771号