当前位置： 首页 > news >正文 高端企业门户网站建设费用广州网站设计推荐柚米 news 2025/10/29 0:19:13 高端企业门户网站建设费用,广州网站设计推荐柚米,wordpress视频点播,链接缩短在线生成器说明#xff1a;该文属于 大前端全栈架构白宝书专栏#xff0c;目前阶段免费#xff0c;如需要项目实战或者是体系化资源#xff0c;文末名片加V#xff01;作者#xff1a;不渴望力量的哈士奇(哈哥)#xff0c;十余年工作经验, 从事过全栈研发、产品经理等工作#xf… 说明该文属于 大前端全栈架构白宝书专栏目前阶段免费如需要项目实战或者是体系化资源文末名片加V作者不渴望力量的哈士奇(哈哥)十余年工作经验, 从事过全栈研发、产品经理等工作目前在公司担任研发部门CTO。荣誉2022年度博客之星Top4、2023年度超级个体得主、谷歌与亚马逊开发者大会特约speaker、全栈领域优质创作者。 白宝书系列 启示录 - 攻城狮的自我修养 Python全栈白宝书 ChatGPT实践指南白宝书 产品思维训练白宝书 全域运营实战白宝书 大前端全栈架构白宝书 文章目录 ⭐ 事件监听 onxxxx属性✨ 常见的鼠标事件监听✨ 常见的键盘事件监听✨ 常见的表单事件监听✨ 常见的页面事件监听 ⭐ 事件监听 DOM允许我们书写JavaScript代码以让HTML元素对事件作出反应 事件用户与网页的交互动作如当用户点击元素时、当鼠标移动到元素上时、当文本空的内容被改变时、当键盘在文本框中被按下时、当网页已加载完毕时。。。 监听让极端及随时能够发现这个事件从而执行程序员预先编写的一些程序 设置事件监听的方法主要有onxxxx和addEventListener()两种 onxxxx属性 设置onxxxx属性是最简单的设置事件监听的方法。比如onclick属性代表当鼠标单击事件。 示例代码 oBox.onclick function (){//点击盒子时将执行这里的语句 }举个例子点击盒子弹出一个alert: 代码如下 !DOCTYPE html html langen headmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleDocument/titlestyle#box {width: 200px;height: 200px;background-color: #ccc;}/style /head bodydiv idbox/divscriptvar oBox document.getElementById(box);oBox.onclick function () {alert(点击盒子弹出这个弹框);}/script /body /html✨ 常见的鼠标事件监听 事件名事件描述onclick当鼠标单机某个对象ondblclick当鼠标双击某个对象onmousedown当某个鼠标按键在某个对象上被按下onmouseup当某个鼠标按键在某个对象上被松开onmousemove当某个鼠标按键在某个对象上被移动onmouseenter当鼠标进入某个对象相似事件onmouseoveronmouseleave当鼠标离开某个对象相似事件onmouseoutonmousewheel当鼠标滚轮滚动 一些鼠标事件监听的示例代码 oBox.onclick function () {console.log(鼠标单击); } oBox.ondblclick function () {console.log(鼠标双击); } oBox.onmousedown function () {console.log(鼠标按下); } oBox.onmouseup function () {console.log(鼠标松开); } oBox.onmousemove function () {console.log(鼠标移动); } oBox.onmouseenter function () {console.log(鼠标移入); } oBox.onmouseleave function () {console.log(鼠标移出); } oBox.onmousewheel function () {console.log(鼠标滚轮滚动); }✨ 常见的键盘事件监听 事件名事件描述onkeypress当某个键盘的键被按下系统按钮如箭头键、退格键…和功能键如F1、F2…无法得到识别onkeydown当某个键盘的键被按下系统按钮和功能键可以识别并且会先于onkeypress发生onkeyup当某个键盘的键被松开 难点在于onkeypress和onkeydown的区别 一些键盘事件监听的示例代码 body姓名input typetext idnameFieldscriptvar nameField document.getElementById(nameField);nameField.onkeydown function () {console.log(键盘按钮被按下);};nameField.onkeypress function () {console.log(键盘按钮被按下不能识别箭头退格等);};nameField.onkeyup function () {console.log(键盘按钮松开);};/script /body✨ 常见的表单事件监听 事件名事件描述onchange当用户改变了域的内容比如修改文本框的内容然后鼠标在空白处点击一下时会修改完成此时会触发该事件oninput当用户正在改变域的内容重点是正在非常类似onkeydown的功能onfocus当某元素获得焦点比如tab键或鼠标点击onblur当某元素失去焦点onsubmit当表单被提交onreset当表单被重置 先来了解一个扩展小知识——获取表单的dom节点 先通过访问元素的常见方法获取到这个表单再通过表单打点的方式获取到其中的子节点 示例代码 bodyform action idmyformp姓名input typetext namenameField/pp年龄input typetext nameageField/p/formscriptvar myform document.getElementById(myform); //先获取到这个表单var nameField myform.nameField; //再通过表单打点的方式获取到其中的子节点var ageField myform.ageField; //再通过表单打点的方式获取到其中的子节点/script /body一些表单事件监听的示例 bodyform action idmyformp姓名input typetext namenameField/pp年龄input typetext nameageField/ppinput typesubmit namesubmitField/ppinput typereset nameresetField/p/formscriptvar myform document.getElementById(myform); //先获取到这个表单var nameField myform.nameField; //再通过表单打点的方式获取到其中的子节点var ageField myform.ageField; //再通过表单打点的方式获取到其中的子节点nameField.onchange function () {console.log(您修改了姓名);};nameField.oninput function () {console.log(您正在修改姓名);};ageField.onfocus function () {console.log(年龄文本框获得焦点);};ageField.onblur function () {console.log(年龄文本框失去焦点);};myform.onsubmit function () {alert(您的表单被提交);};myform.onreset function () {alert(您的表单被重置);};/script /body✨ 常见的页面事件监听 onload当页面或图像被加载完成onunload当用户退出页面事件名事件描述 示例代码 window.onload function () {console.log(页面加载完成); }; window.onunload function () {console.log(退出页面); };更详细的页面事件监听在学到BOM时再介绍。 文章转载自： http://www.morning.gjqgz.cn.gov.cn.gjqgz.cn http://www.morning.poapal.com.gov.cn.poapal.com http://www.morning.zdwjg.cn.gov.cn.zdwjg.cn http://www.morning.bwygy.cn.gov.cn.bwygy.cn http://www.morning.lfqtp.cn.gov.cn.lfqtp.cn http://www.morning.qkgwz.cn.gov.cn.qkgwz.cn http://www.morning.zfcfx.cn.gov.cn.zfcfx.cn http://www.morning.gzzxlp.com.gov.cn.gzzxlp.com http://www.morning.jbnss.cn.gov.cn.jbnss.cn http://www.morning.ypwlb.cn.gov.cn.ypwlb.cn http://www.morning.xcjbk.cn.gov.cn.xcjbk.cn http://www.morning.yqqgp.cn.gov.cn.yqqgp.cn http://www.morning.mjbjq.cn.gov.cn.mjbjq.cn http://www.morning.zwzwn.cn.gov.cn.zwzwn.cn http://www.morning.datadragon-auh.cn.gov.cn.datadragon-auh.cn http://www.morning.zbjfq.cn.gov.cn.zbjfq.cn http://www.morning.ntgrn.cn.gov.cn.ntgrn.cn http://www.morning.cniedu.com.gov.cn.cniedu.com http://www.morning.xqxrm.cn.gov.cn.xqxrm.cn http://www.morning.qmmfr.cn.gov.cn.qmmfr.cn http://www.morning.ryjl.cn.gov.cn.ryjl.cn http://www.morning.stfdh.cn.gov.cn.stfdh.cn http://www.morning.drgmr.cn.gov.cn.drgmr.cn http://www.morning.xinyishufa.cn.gov.cn.xinyishufa.cn http://www.morning.mtmph.cn.gov.cn.mtmph.cn http://www.morning.hsrch.cn.gov.cn.hsrch.cn http://www.morning.tnmmp.cn.gov.cn.tnmmp.cn http://www.morning.xhjjs.cn.gov.cn.xhjjs.cn http://www.morning.bpds.cn.gov.cn.bpds.cn http://www.morning.mqxrx.cn.gov.cn.mqxrx.cn http://www.morning.mqffm.cn.gov.cn.mqffm.cn http://www.morning.yxbdl.cn.gov.cn.yxbdl.cn http://www.morning.yfwygl.cn.gov.cn.yfwygl.cn http://www.morning.smj79.cn.gov.cn.smj79.cn http://www.morning.rqwwm.cn.gov.cn.rqwwm.cn http://www.morning.lmbm.cn.gov.cn.lmbm.cn http://www.morning.mnwsy.cn.gov.cn.mnwsy.cn http://www.morning.dtfgr.cn.gov.cn.dtfgr.cn http://www.morning.lhqw.cn.gov.cn.lhqw.cn http://www.morning.tzpqc.cn.gov.cn.tzpqc.cn http://www.morning.mhfbp.cn.gov.cn.mhfbp.cn http://www.morning.rkjb.cn.gov.cn.rkjb.cn http://www.morning.rdmn.cn.gov.cn.rdmn.cn http://www.morning.nwjzc.cn.gov.cn.nwjzc.cn http://www.morning.guofenmai.cn.gov.cn.guofenmai.cn http://www.morning.tsgxz.cn.gov.cn.tsgxz.cn http://www.morning.tsynj.cn.gov.cn.tsynj.cn http://www.morning.dbxss.cn.gov.cn.dbxss.cn http://www.morning.lqjpb.cn.gov.cn.lqjpb.cn http://www.morning.lcplz.cn.gov.cn.lcplz.cn http://www.morning.wfyzs.cn.gov.cn.wfyzs.cn http://www.morning.yrdt.cn.gov.cn.yrdt.cn http://www.morning.xgbq.cn.gov.cn.xgbq.cn http://www.morning.dzzjq.cn.gov.cn.dzzjq.cn http://www.morning.xlbyx.cn.gov.cn.xlbyx.cn http://www.morning.tbhlc.cn.gov.cn.tbhlc.cn http://www.morning.rhsr.cn.gov.cn.rhsr.cn http://www.morning.jmmz.cn.gov.cn.jmmz.cn http://www.morning.plhhd.cn.gov.cn.plhhd.cn http://www.morning.yfrbn.cn.gov.cn.yfrbn.cn http://www.morning.yrbp.cn.gov.cn.yrbp.cn http://www.morning.ydyjf.cn.gov.cn.ydyjf.cn http://www.morning.bqmsm.cn.gov.cn.bqmsm.cn http://www.morning.hmpxn.cn.gov.cn.hmpxn.cn http://www.morning.ljzss.cn.gov.cn.ljzss.cn http://www.morning.prlgn.cn.gov.cn.prlgn.cn http://www.morning.ydtdn.cn.gov.cn.ydtdn.cn http://www.morning.atoinfo.com.gov.cn.atoinfo.com http://www.morning.ntnml.cn.gov.cn.ntnml.cn http://www.morning.mmtjk.cn.gov.cn.mmtjk.cn http://www.morning.mcndn.cn.gov.cn.mcndn.cn http://www.morning.hyyxsc.cn.gov.cn.hyyxsc.cn http://www.morning.hjlwt.cn.gov.cn.hjlwt.cn http://www.morning.hgwsj.cn.gov.cn.hgwsj.cn http://www.morning.jrsgs.cn.gov.cn.jrsgs.cn http://www.morning.rcjyc.cn.gov.cn.rcjyc.cn http://www.morning.rjynd.cn.gov.cn.rjynd.cn http://www.morning.jjhng.cn.gov.cn.jjhng.cn http://www.morning.nzmqn.cn.gov.cn.nzmqn.cn http://www.morning.cbpkr.cn.gov.cn.cbpkr.cn 查看全文 http://www.tj-hxxt.cn/news/258052.html 相关文章： 中国建设银银行招聘网站营销企业网站建设 为什么做金融网站犯法wordpress能不能导入html 检察院前期网站建设网站上面关于我们要怎么填写 网站软文推广范文百度如何搜索网址 学校网站设计杭州建设培训中心网站 做网站不会框架主流的网站开发技术 网站服务器租用一年多少钱啊莱芜都市网人才网 可以做免费广告的网站有哪些中国联通与腾讯设立 潍坊网站制作案例汕头金平区 网站的虚拟主机到期网站建设费入 网站建好用电脑做服务器腾讯微校怎么做微网站 国外优秀的设计网站手机优化专家 企业网站建设的技术指标和经济指标苏州市吴江区住房和城乡建设局网站 六安市建设网站市场信息价重庆市建设工程造价信息网站 为了 门户网站建设常州外贸公司网站建设 网站制作网站建设需要多少钱陕西培训网站建设 网站内容建设和运营工作内容做网站做哪个行业好 网站制作课程多少钱网站的登陆页怎么做图片 如何模板建站网站建设中ftp起什么作用 伪静态网站如何做可以看qq空间的网站 网站建设规划书中包含内容开发公司与物业公司移交消防协议 查询网站建设时间dw制作网页模板 公主岭网站建设大连市住建局官网 厦门php商城网站建设网站首页设计收费 太仓企业网站建设价格网站的网络营销推广方案 自己组装电脑做网站服务器移动建站是什么意思 大灰狼网站更新升级通知做系统哪个网站上的好 网站的空间的提供商做软件的网站php 徐州铜山区建设局网站自己做网站麻烦吗 seo怎样新建网站网站用什么字体
