城市列表选择组件 首先说说我们要实现一个什么样的城市选择组件： 输入框获取焦点时，显示组件 点击城市列表更新输入框的城市显示 点击其他空白处组件隐藏 在切换到其他组件时，选择的城市保留而不是被重置 ?...第三步 需要我们去点击其他地方城市组件被隐藏，有些同学的第一印象可能是利用 input 的 blur 事件（就是失去焦点事件），只要我们的 input 失去焦点时，我们就隐藏。...其实我的第一印象也是如此，但是我们绑定的是 input 的失去焦点事件以后，当我们选择城市列表的时候也是 input 失去焦点的时候，所以我们就无法选取城市。显然这种思路是不行的。...被重置的原因则是我们在每次在不同的组件进行切换的时候，组件都会进行新建与销毁，这也会导致重复渲染问题对性能也是不友好的。 那么我们该如何去处理这个问题呢？...自然会失效，但是我们并不慌，当我们使用 时，activated 和 deactivated 两个钩子函数被触发。 activated：keep-alive 组件激活时调用。
城市列表选择组件 首先说说我们要实现一个什么样的城市选择组件： 输入框获取焦点时，显示组件 点击城市列表更新输入框的城市显示 点击其他空白处组件隐藏 在切换到其他组件时，选择的城市保留而不是被重置 [city-list-init.gif...第三步 需要我们去点击其他地方城市组件被隐藏，有些同学的第一印象可能是利用 input 的 blur 事件（就是失去焦点事件），只要我们的 input 失去焦点时，我们就隐藏。...其实我的第一印象也是如此，但是我们绑定的是 input 的失去焦点事件以后，当我们选择城市列表的时候也是 input 失去焦点的时候，所以我们就无法选取城市。显然这种思路是不行的。...我们选择的城市都会被重置为默认值，这个体验肯定是肯差的，也不是我们想要的。...被重置的原因则是我们在每次在不同的组件进行切换的时候，组件都会进行新建与销毁，这也会导致重复渲染问题对性能也是不友好的。 那么我们该如何去处理这个问题呢？
请看下文: 查看打印,找出可能的属性名称,试试便知; 完整代码:自定义的UITextField,获取到焦点(编辑状态)的时候是白色,失去焦点(非编辑状态)的时候是灰色: 方法三.将占位文字画上去...– editingRectForBounds: //重写来重置编辑区域 – clearButtonRectForBounds: //重写来重置clearButton位置,改变size可能导致button...); } } - (void)awakeFromNib { // 设置光标的颜色 self.tintColor = self.textColor; } // 获取到焦点...self.textColor forKeyPath:YCplaceholderTextColor]; return [super becomeFirstResponder]; } // 失去焦点...grayColor] forKeyPath:YCplaceholderTextColor]; return [super resignFirstResponder]; } @end // 只调用一次(自定义
当用户右击该元素，出现上下文菜单 data- 用于存储页面的自定义数据 dir 设置元素中内容的文本方向。...HTML事件 窗口事件 属性 描述 onafterprint 在打印文档之后运行脚本 onbeforeprint 在文档打印之前运行脚本 onbeforeonload 在文档加载之前运行脚本 onblur 当窗口失去焦点时运行脚本...onundo 当文档执行撤销时运行脚本 onunload 当用户离开文档时运行脚本 表单事件 属性 描述 onblur 当元素失去焦点时运行脚本 onchange 当元素改变时运行脚本 oncontextmenu...oninvalid 当元素无效时运行脚本 onreset 当表单重置时运行脚本。...其他事件 属性 值 onshow 当 元素在上下文显示时触发 ontoggle 当用户打开或关闭 元素时触发
对此还有： resize事件：当调整浏览器的窗口到一个新的宽度或者高度时，就会触发resize事件。 scroll事件：文档或者浏览器窗口被滚动期间会触发scroll事件。...焦点事件：指元素对焦点的获得与失去，如文本框选中或者取消选中。 ---- 2.鼠标事件 例如当鼠标单击左键，会发生onclick事件： <!...---- 5.常用事件方法（包括窗口事件，鼠标事件，键盘事件，文本事件） 方法 描述 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标单击某个对象...ondblclick 鼠标双击某个对象 onerror 当加载文档或者图像时发生某个错误 onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或者按住...鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被单击 onresize 窗口或者框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被单击
重置表单 （1）重置按钮提交 方式1：通用重置按钮 方式2：自定义重置按钮 （3）表单字段事件 blur：当前字段失去焦点触发 change：对于和元素，在它们失去焦点且value值改变时触发；对于元素，在其选项改变时触发...focus：当前字段获取焦点时触发 表单错误提示流程：利用focus事件修改文本框的背景颜色，以便清楚表明这个字段获取了焦点；利用blur事件恢复文本框的背景颜色；利用change事件在用户输入了非规定字符时提示错误...过滤输入 （1）屏蔽字符 当需要用于输入的文本中不能包含某些字符时，例如手机号，只能输入字符！...自动切换焦点 用户填写完当前字段时，自动将焦点切换到下一个字段。
窗口相关 onblur: 窗口失去焦点时触发。 onfocus: 窗口获得焦点时触发。 onresize: 窗口大小发生改变时触发。 onscroll: 窗口发生滚动时触发。...onreset: 窗口内表单重置时触发。 onselect: 窗口内表单元素中文本被选中时触发。 onsubmit: 窗口内表单中submit按钮被按下触发。...onhashchange: 当窗口的锚点哈希值发生变化时触发。 鼠标相关 onclick: 当点击页面时触发。 onmouseup: 鼠标按键被松开时触发。...ontoggle: 该事件在用户打开或关闭元素时触发。 表单事件相关 onblur: 元素失去焦点时触发。 onchange: 该事件在表单元素的内容改变时触发。...onfocus: 元素获取焦点时触发。 onfocusin: 元素即将获取焦点时触发。 onfocusout: 元素即将失去焦点时触发。 oninput: 元素获取用户输入时触发。
focusChange值表示焦点是否已获得，焦点是否丢失，以及该丢失是否是短暂的，或者新的焦点持有者是否会持续一段未知的时间。当失去焦点时，监听者可以使用焦点变化信息来决定失去焦点时采用的行为。...在瞬间失去音频焦点期间，您应该继续监视音频焦点的变化，并准备在重新获得焦点时恢复正常播放。...当别的应用程序放弃焦点时（调用abandonAudioFocus），您会收到回调（AUDIOFOCUS_GAIN）。此时，您可以将音量恢复到正常水平或重新开始播放。...* 每当音频焦点改变时（由于另一个应用或设备，我们获得或失去音频焦点），该触发器被触发。...// 暂停播放并将播放器重置到文件的开头。这样，我们可以在恢复播放时从头开始播放单词。
属性 此事件发生在何时... onabort 图像的加载被中断。 onblur 元素失去焦点。 onchange 域的内容被改变。 onclick 当用户点击某个对象时调用的事件句柄。...screenY 返回当某个事件被触发时，鼠标指针的垂直坐标。 shiftKey 返回当事件被触发时，"SHIFT" 键是否被按下。...2 onscroll 当文档被滚动时发生的事件。 2 onunload 用户退出页面。...(<body 和 <frameset) 2 表单事件 属性 描述 DOM onblur 元素失去焦点时触发 2 onchange 该事件在表单元素的内容改变时触发( <input, <keygen,...<select, 和 <textarea) 2 onfocus 元素获取焦点时触发 2 onfocusin 元素即将获取焦点时触发 2 onfocusout 元素即将失去焦点时触发 2 oninput
事件名称 何时触发 focus 元素获得焦点 blur 元素失去焦点 <input type="text" id="t" value="请输入用户名" onfocus="f1(...= function(){ alert('t'); } //当表单重置时触发 d.onreset = function(){ alert('re');...} 2.3.6 内容变化事件 change： 当内容改变且失去焦点时触发 （存储事件） input ： 当内容改变时触发 （值变化事件） var d = document.getElementById('t'); //当内容改变且失去焦点时触发...当点击div1时，触发 事件1，但是，紧跟着，事件2和事件3也被触发了； 这种现象，我们称为 事件冒泡 在JS中当一个事件发生以后，它会在不同的DOM节点之间传播。
当其他应用创建的音频流与该应用的音频流并发播放时，才会触发音频打断策略的管控。...独立焦点模式（INDEPENDENT_MODE）：应用创建的每一个音频流均会独立拥有一个音频焦点，当多个音频流并发播放时，会触发音频打断策略的管控。...调用avPlayer的 on('audioInterrupt') 函数进行监听，当收到音频打断事件（InterruptEvent）时，应用需根据其内容，做出相应的调整。...），为保持状态一致，应用需切换至音频暂停状态 // 临时失去焦点：待其他音频流释放音频焦点后，本音频流会收到resume对应的音频打断事件，到时可自行继续播放 isPlay =...），为保持状态一致，应用需切换至音频暂停状态 // 永久失去焦点：后续不会再收到任何音频打断事件，若想恢复播放，需要用户主动触发。
JavaScript事件处理函数及其使用列表 事件处理函数 影响的元素 何时发生 onabort 图像 当图像加载被中断时 onblur 窗口、框架、所有表单对象 当焦点从对象上移开时 onchange...输入框，选择框和文本区域 当改变一个元素的值且失去焦点时 onclick 链接、按钮、表单对象、图像映射区域 当用户单击对象时 ondblclick 链接、按钮、表单对象 当用户双击对象时 ondragdrop...图像、链接、表单 当按键被按下时 onkeypress 文档、图像、链接、表单 当按键被按下然后松开时 onkeyup 文档、图像、链接、表单 当按键被松开时 onload 主题、框架集、图像 文档或图像加载后...input.onselect = function () { alert('Lee'); }; change：当文本框(input或textarea)内容改变且失去焦点后触发。...input.onfocus = function () { alert('Lee'); }; blur：当页面或元素失去焦点时在window及相关元素上触发。
失去焦点时运行的脚本 function myfun() { var...失去焦点的时候产生什么样的效果 demo查看 2.onfocus 元素获得焦点时触发事件，和onblur相反 demo查看 3.onchange 当元素值被改变的时候触发事件 失去焦点时才触发，oninput是立刻触发 demo查看 7.oninvalid oninvalid事件要搭配required属性来使用 required如果使用该属性... function myfun() { alert('填写为空') } demo查看 8.onreset 表单中重置按钮被点击时触发...4.onmousedown/onmouseup 当元素按下鼠标时触发的事件/鼠标释放时触发的事件 一个是按下去的瞬间就触发 一个是当鼠标被松开的时候触发 onmouseup效果和onclick一样，因为
-- 自定义提交按钮 --> Submit Form 只要表单中存在上面列出的任何一种按钮，那么在相应表单控件拥有焦点的情况下，按回车键就可以提交该表单...重置表单 在用户单击重置按钮时，表单会被重置。使用 type 特性值为 “reset” 的 input 或 button 都可以创建重置按钮，如下: 自定义重置按钮 --> Reset Form 这两个按钮都可以用来重置表单。...在重置表单时，所有表单字段都会恢复到页面刚加载完毕时的初始值。如果某个字段的初始值为空，就会恢复为空; 而带有默认值的字段，也会恢复为默认值。...共有的表单字段事件 所有表单字段都支持下列 3 个事件: blur: 当前字段失去焦点时触发 focus: 当前字段获得焦点时触发 change: 对于 input 和 textarea 元素，在它们失去焦点且
重置表单 用户点击重置按钮时，表单会被初始化。虽然这个按钮还得以保留，但目前的Web已经很少去使用了。因为用户已经填写好各种数据，不小心点了重置就会全部清空，用户体验极差。... button 自定义重置按钮 ... reset 自定义提交按钮 ......共有的表单字段事件 表单共有的字段事件有以下三种： 事件名 说明 blur 当字段失去焦点时触发 change 对于和元素，在改变value并失去焦点时触发；对于元素，在改变选项时触发 focus 当前字段获取焦点时触发 addEvent(textField, 'focus', function () {//缓存blur和change再测试一下 alert(...移动选项 如果有两个选择框，把第一个选择框里的第一项移到第二个选择框里，并且第一个选择框里的第一项被移除。
document.documentElement是专门获取html这个标签的 获取body的方法（document.body） document.body是专门获取body这个标签的 二.事件句柄 属性 当以下情况发生时...，出现此事件 onabort 图像加载被中断 onblur 元素失去焦点 onchange 用户改变域的内容 onclick 鼠标点击某个对象 ondblclick 鼠标双击某个对象 onerror 当加载文档或图像时发生某个错误...onfocus 元素获得焦点 onkeydown 某个键盘的键被按下 onkeypress 某个键盘的键被按下或按住 onkeyup 某个键盘的键被松开 onload 某个页面或图像被完成加载 onmousedown...某个鼠标按键被按下 onmousemove 鼠标被移动 onmouseout 鼠标从某元素移开 onmouseover 鼠标被移到某元素之上 onmouseup 某个鼠标按键被松开 onreset 重置按钮被点击...onresize 窗口或框架被调整尺寸 onselect 文本被选定 onsubmit 提交按钮被点击 onunload 用户退出页面 三.使用方法 1.获取单个元素 2.单个元素发送的事件 3.发生的内容相关替换
11、怎么在vue中点击别的区域输入框不会失去焦点？...答：阻止事件的默认行为 具体操作：监听你想点击后不会丢失 input 焦点的那个元素的 mousedown 事件，回调里面调用 event.preventDefault()，会阻止使当前焦点丢失这一默认行为...描述下这些生命周期 activated和deactivated两个生命周期函数 1.activated：当组件激活时，钩子触发的顺序是created->mounted->activated 2.deactivated...说说你对它的理解 暂时没弄明白，等会儿写 19、vue中怎么重置data？...图意：每个页面（Page）中都会有很多个Vue组件，可以在Vue组件中添加自定义属性fetchData，fetchData里面可以执行异步请求（图中执行Vuex的Action），但是我们怎么获取到所有组件的
7、语义化的作用：网页结构层次更清晰、更容易被搜索引擎收录、更容易让屏幕阅读器读出网页内容。 8、标签的内容就是在一对标签内部的内容 9、标签的内容可以是其他标签 ?...onunload：在用户从页面离开时发生，例如点击跳转，页面重载，关闭浏览器窗口等。 2、Form表单事件 onblur：当元素失去焦点时触发。 ...onchange：在元素的元素值被改变时触发。 onfocus：当元素获得焦点时触发。 onreset：当表单中的重置按钮被点击时触发。 ...onmouseover：当鼠标指针移动到元素上时触发。 onmouseup：当在元素上释放鼠标按钮时触发。 5、Media媒体事件 onabort：当退出时触发。 ...onwaiting：当媒体已停止播放但打算继续播放时触发。
，都要放在HTML标签中 HTML标签主题分为三个部分： 标签名称 标签内容 标签属性 HTML标签具有语义化 语义化，就是仅通过标签名就能判断出该标签的内容 语义化的作用 网页结构层次更清晰 更容易被搜索引擎收录...form表单事件 onblur当元素失去焦点时触发 onchange在元素的元素值被改变时触发 onfocus当元素获得焦点时触发 onreset当表单中的重置按钮被点击时触发 onselect在元素中文本被选中后触发...该属性不会对所有按键生效，不生效的有，alt,ctrl,shift,esc onkeyup当用户释放按键时触发 mouse鼠标事件 onclick当元素上发生鼠标点击时触发 onblclick当元素上发生鼠标双击时触发...onmousedown当元素上按下鼠标按钮时触发 onmousemove当鼠标指针移动到元素上时触发 onmouseout当鼠标指针移出元素时触发 onmouseover当鼠标指针移动到元素上时触发...onmouseup当在元素上释放鼠标按钮时触发 media媒体事件 onabort当退出时触发 onwaiting当媒体已停止播放但打算继续播放时触发。
常用事件： onabort: 对象载入被中断时触发 onblur: 元素或者窗口本身失去焦点时触发 onchange: 改变元素中的选项或其他表单元素失去焦点，并且在其获取焦点后内容发生过改变时触发 onerror: 出现错误时触发 onfocus: 任何元素或窗口本身获得焦点时触发... onkeydown: 键盘键包括shift,alt被按下时触发 onkeypress: 键盘键被按下，并产生一个字符时触发，也就是说按下shift或者alt等键不会触发...: 单击鼠标左键时触发，当光标的焦点在按钮上，并按enter键也会触发 ondblclick: 双击鼠标左键时触发 onmousedown: 单击任何一个鼠标按键时触发... onmouseup: 释放任意一个鼠标按键时触发 onreset: 单击重置按钮时，在form标签上触发 onresize: 窗口或者框架的大小发生改变时触发
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
腾讯会议
云直播
对象存储
