abner_pan - 博客园

2020年5月5日

摘要：实现：按下鼠标拖动，盒子跟着一起移动代码如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js_excise</title> <style type="text/css"> body{ position: relativ 阅读全文

posted @ 2020-05-05 22:35 abner_pan 阅读(352) 评论(0) 推荐(0)

JS 浏览器BOM-->Window confirm() 方法

摘要： 1.定义和用法 confirm()方法用于显示一个带有指定消息和确认及取消按钮的对话框。如果访问者点击"确定"，此方法返回true，否则返回false。语法： confirm(message) 举例： <!DOCTYPE html> <html> <head> <meta charset="ut 阅读全文

posted @ 2020-05-05 21:24 abner_pan 阅读(422) 评论(0) 推荐(0)

2020年5月4日

HTML DOM-->事件对象(阻止冒泡、阻止默认行为)

摘要： 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 阅读(978) 评论(0) 推荐(0)

2020年5月2日

HTML DOM-->事件流

摘要： 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 阅读(199) 评论(0) 推荐(0)

HTML DOM-->鼠标事件的event对象

摘要： 1.定义和使用浏览器可视窗口坐标： clientY clientX 页面坐标： pageX pageY 电脑屏幕坐标： screenX screenY 鼠标按键： button 阅读全文

posted @ 2020-05-02 11:00 abner_pan 阅读(224) 评论(0) 推荐(0)

2020年4月29日

HTML DOM-->键盘事件：keydown/keyup/keypress

摘要： 1.定义和使用 keydown:某个键盘按键被按下 keyup:某个键盘按键被松开 keypress:个键盘按键被按下并松开注意： 1. 键盘事件的属性不能用于以下元素: <base>, <bdo>, <br>, <head>, <html>, <iframe>, <meta>, <param>, 阅读全文

posted @ 2020-04-29 22:53 abner_pan 阅读(1877) 评论(0) 推荐(0)

HTML DOM-->鼠标事件：mouseover\mouserout\mousedown\mouseup\mousemove

摘要： 1.定义和使用 mouseover:鼠标移到某元素之上 mouseout:鼠标从某元素移开 mousedown:鼠标按钮被按下 mouseup:鼠标按键被松开 mousemove:鼠标被移动举例： <!DOCTYPE html> <html> <head> <meta charset="utf-8 阅读全文

posted @ 2020-04-29 22:04 abner_pan 阅读(1360) 评论(0) 推荐(0)

2020年4月22日

HTML DOM-->鼠标事件单击(click)与双击(dblclick)

摘要： 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 阅读(5455) 评论(0) 推荐(0)

HTML DOM-->焦点事件[focus()/blur()]

摘要： 1.定义和使用 1）、focus() 方法用于为元素设置焦点语法：HTMLElementObject.focus() 2）、 blur() 方法来移除元素焦点语法：HTMLElementObject.blur() 注意：焦点事件一般用于文本框上举例： <!DOCTYPE html> <html 阅读全文

posted @ 2020-04-22 22:44 abner_pan 阅读(2020) 评论(0) 推荐(0)

HTML DOM-->事件处理程序

摘要： 1.概念事件：就是用户或者是浏览器执行的某种动作。事件处理程序：就是响应事件的函数，事件处理程序的名字是以“on”开头的 2.事件的创建方法1：直接在html标签中给与事件处理程序同名的属性赋值js代码举例1：点击按钮，弹出提示框提示 <!DOCTYPE html> <html> <head 阅读全文

posted @ 2020-04-22 22:30 abner_pan 阅读(248) 评论(0) 推荐(0)

浪青春

公告