12 2021 档案
摘要:keyup 当按钮被松开时,发生 keyup 事件。它发生在当前获得焦点的元素上。 注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。 例子:当输入值按键抬起时时,所有input元素背景色为蛋蛋色 <!DOCTYPE html> <html lang="en"> <head>
阅读全文
摘要:一focusout 当元素失去焦点时触发 focusout 事件。 focusout事件跟blur事件区别在于,他可以在父元素上检测子元素失去焦点的情况。 例子:当文本框失去焦点,文本框后面的字,1秒后逐渐消失 <!DOCTYPE html> <html lang="en"> <head> <met
阅读全文
摘要:一dblclick(双击事件) 当双击元素时,发生 dblclick 事件。 例子:当按钮被两次点击时,div背景色变蓝 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <script src="no
阅读全文
摘要:一blur(失去焦点) 当元素失去焦点时触发 blur 事件。 例子:当所有与表单同辈的 input 元素(案例中符合条件的是最后一个input)失去焦点,出现提示框,输出Hello World,注意需要先给焦点,才能失去焦点 <!DOCTYPE html> <html lang="en"> <he
阅读全文
摘要:一one 为每一个匹配元素的特定事件(像click)绑定一个一次性的事件处理函数。只会触发一次 例子:第一次放在click me上面输出move <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</title> <sc
阅读全文
摘要:一ready ready与js中window.load一样,让函数在页面其他元素都加载记载完毕后在执行,有了这个函数,函数就可以写在html任意位置,不用担心因为不小心在页面元素前写了元素的函数,导致不执行或报错 二on 在选择元素上绑定一个或多个事件的事件处理函数。 例子:放在click me上面
阅读全文
摘要:一思想 1.利用border-radius: 50%建立两个圆,然后让其中一个可以移动 2.当两个圆圆心距小于等于半径之和时,另一个变色,表示碰撞到 二代码 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Title</titl
阅读全文
摘要:「构成」 结由构标准,表现标准和行为标准构成 结构标准用于对网页元素进行整理和分类(HTML)表现标准用于设置网页元素的版式、颜色、大小等外观属性(CSS)行为标准用于对网页模型的定义及交互的编写(JavaScript) 「Web标准的优点」 易于维护:只需更改CSS文件,就可以改变整站的样式页面响
阅读全文