首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

一步HTML5教程学会体系

HTML5是下一代的HTML标准,HTML5是为了移动设备支持多媒体。...height hidden 定义元素是否应该可见 id 用户定义 便于使用级联样式表 item 元素列表 用于组合元素 itemprop 条目列表 用于组合条目 style css样式表 给元素定义内联样式...onafterprint 文档被打印后触发 onbeforeonload 文档载入前触发 onbeforeprint script 文档被打印前触发 onblur script 窗口失去焦点时触发...窗口历史信息改变时触发 onredo script 文档执行 redo 操作时触发 onresize script 调整窗口尺寸时触发 onscroll script 元素的滚动滚动时触发...password 用于敏感信息的自由形式的文本字段,名义没有换行符。 checkbox 预定义列表中的一组零个或多个值。 radio 一个枚举值。 submit 一个自由形式的启动表单的按钮。

1.2K20

2024年,你需要了解下这 12 个现代化 CSS 新属性

传统,我们可能会使用box-shadow或伪元素来创建元素焦点时的自定义轮廓。但其实,有一个自2006年就已存在的CSS属性可能被许多人忽略了——outline-offset。...设置此属性后,浏览器会自动调整表单控件、滚动条和CSS系统颜色等UI元素,以适应相应的主题模式。.../* 根元素设置color-scheme */ :root { color-scheme: dark light; } 元素级别使用color-scheme 你也可以单个元素使用color-scheme...为了解决这一问题,CSS引入了一个新属性scrollbar-gutter,它允许布局中预留滚动条的空间,防止这种不期望的布局偏移。...:当滚动条出现或消失时,预留的空间可以防止整个页面的布局发生变化。

37610
您找到你想要的搜索结果了吗?
是的
没有找到

JQ事件和事件对象

$(document).keypress(function(e){ 9 alert(e.which) 10 }) 11 三 表单事件... 1  focus ()  :获得焦点事件     2  blur(): 失去焦点事件     3 focusin()  :获得焦点事件     4 focusout() :失去焦点事件     5...change()  :元素发生改变时,触发事件     6 select():当选中单行文本text或者多行文本areatext时,触发事件    7 submit()  :表单提交事件  //focus...()和focusin() 的区别   focusin可以父元素检测子元素获得焦点的情况 而focusout可以父元素检测子元素失去焦点情况  四 其他事件   1 scroll()滚动滚动条时触发的事件...鼠标左健 2 鼠标中健(滚轮键) 3 鼠标右健       6 event.preventDefault()  阻止事件的默认行为      7 event.stopPropagation()  防止冒泡事件

4.1K20

可能这些是你想要的H5软键盘兼容方案

IOS12 ,微信版本 v6.7.4 及以上,输入框获取焦点,键盘弹起,页面(webview)整体往上滚动,当键盘收起后,不回到原位,导致键盘原来所在位置是空白的。...Android 软键盘弹起表现 同样, Android ,输入框获取焦点,键盘弹起,但是页面(webview)高度会发生改变,一般来说,高度为可视区高度(原高度减去软键盘高度),除了因为页面内容被撑开可以产生滚动...有时我们会做一个输入表单,有很多输入项,输入框获取焦点,弹起软键盘。...当输入框位于页面下部位置时, IOS ,会将 webview 整体往上滚一段距离,使得该获取焦点的输入框自动处于可视区,而在 Android 则不会这样,它只会改变页面高度,而不会去滚动到当前焦点元素到可视区...了解软键盘弹起页面 IOS 和 Android 的表现差异是前提,其次是将焦点元素滚动到可视区,同时要考虑到第三方输入法和某些浏览器的差别。

7.9K20

【H5】209-可能这些是你想要的H5软键盘兼容方案

IOS12 ,微信版本 v6.7.4 及以上,输入框获取焦点,键盘弹起,页面(webview)整体往上滚动,当键盘收起后,不回到原位,导致键盘原来所在位置是空白的。...Android 软键盘弹起表现 同样, Android ,输入框获取焦点,键盘弹起,但是页面(webview)高度会发生改变,一般来说,高度为可视区高度(原高度减去软键盘高度),除了因为页面内容被撑开可以产生滚动...有时我们会做一个输入表单,有很多输入项,输入框获取焦点,弹起软键盘。...当输入框位于页面下部位置时, IOS ,会将 webview 整体往上滚一段距离,使得该获取焦点的输入框自动处于可视区,而在 Android 则不会这样,它只会改变页面高度,而不会去滚动到当前焦点元素到可视区...了解软键盘弹起页面 IOS 和 Android 的表现差异是前提,其次是将焦点元素滚动到可视区,同时要考虑到第三方输入法和某些浏览器的差别。

3.9K12

自定义RecyclerView打造Android TV桌面

---- 这里封装了RecyclerView实现了下面的一些功能: 1.响应五向键,按下五向键的上下左右会跟着移动,并获得焦点获得焦点时会抬高。 2.鼠标hover条目时会获得焦点。...3.添加了条目的点击和长按事件。 4.添加了是否第一个可见条目和是否是最后一个可见条目的方法。 5.item获得焦点时和失去焦点时,这里有相应的回调方法。...按五向键,焦点会跟着一起移动 holder.itemView.setFocusable(true); 4,左右键,让RecyclerView跟着一起滚动,并获得焦点: 这里请求获取焦点的方法是: rightView.requestFocusFromTouch...这里抽象了两个方法,当item获得焦点和失去焦点时调用。获得焦点条目会抬高,这里是抬高了Z轴。 6.获取第一个和最后一个可见的条目,根据这些状态去显示和隐藏左右箭头。...7.Recycler滚动时候去处理箭头的显示状态: ?

2.3K20

jquery 绑定事件 - blur() 失去焦点 - focus() 获取焦点

事件函数列表 blur() 元素失去焦点 focus() 元素获得焦点 click() 鼠标单击 mouseover() 鼠标进入(进入子元素也触发) mouseout() 鼠标离开(离开子元素也触发)...鼠标离开(离开子元素不触发) hover() 同时为mouseenter和mouseleave事件指定处理函数 ready() DOM加载完成 resize() 浏览器窗口的大小发生改变 scroll() 滚动条的位置发生变化...submit() 用户递交表单 编写一个form表单,用来演示输入框获取焦点和失去焦点的示例 ?...focus() 元素获得焦点 首先先来这个focus()函数。 ? 可以看到当获取焦点的时候,就立即弹出alert()。...其实通过focus()函数只是简单用来初始化文本框的焦点输入的而已,如下: ? 当刚进入页面,文本框就自动获取焦点,这基本就是这个方法的大部分用法了。

12K30

原生标签的能力你挖掘了多少?

:利用 overflow 震惊,type="range" 居然可以实现评星功能:type="range" 实现 不可思议,纯 css 都能图片滚动:scroll-snap-type 实现 还有几篇路上的...button 的 autofocus 属性可实现聚焦滚动到指定位置 光标会自动定位到该元素上面,不管元素在哪 使用场景:已进入页面的时候需要自动滚动到x位置,你又懒得用js去计算定位 demo:在线编辑器失效...我是form表单里面的重置 他表单内,一句话清空表单值 键盘回车提交数据呢,是表单自带,不用你写。...表单的上面加原生属性就好了,你不需要做啥特殊的处理,你不需要在另起炉灶。...es6 模版渲染 在这行代码的基础继续扩充,简简单单的就是一个小型的vue了。

26220

干好这件事,卷死所有同行

缺点:垂直空间占用比较大,表单项多时需增加页面滚动。 左对齐标签 文字左对齐放置输入域的左边 优点:文字开头按阅读视线对齐,方便用户快速浏览表单;节约垂直空间。...新开页面 优势:页面之间相互独立,互补不干扰,可承载的东西较多,适合分步骤或者大表单。 劣势:用户的焦点丢失,注意力分散(因为系统中大部分的操作同一个页面中完成)。...(这里建议最后一步的时候增加一块区域可以查看清单或者概要)。 其他 关于“只读” 不可编辑的表单项建议使用“readonly",不要用”disable"。...按钮级loading:提交/确定类按钮,点击后需有loading,防止用户多次操作。 弹框loading:确定按钮点击后需有loading。 表格loading:用表格自带的loading属性。...滚动条 表格宽度过长- 滚动条最好出现在表格中,不是页面级别。 弹框过长-滚动条最好出现在弹框中,不是页面级别滚动。 避免出现滚动条套娃。 好啦以上就是全部啦!

2.5K10

Python 自动化指南(繁琐工作自动化)第二版:二十、使用 GUI 自动化控制键盘和鼠标

幸运的是,有几种方法可以防止 GUI 自动化问题或从中恢复。 暂停和自动防故障 如果你的程序有一个 bug,而你不能使用键盘和鼠标来关闭它,你可以使用 PyAutoGUI 的自动防故障功能。...当鼠标光标位于Mu编辑器窗口上时,Mu编辑器的交互式 Shell 中运行以下内容: >>> pyautogui.scroll(200) 如果鼠标光标可以向上滚动的文本字段,您将看到 Mu 向上滚动...请注意,将两个命令放在同一行,用分号隔开,可以防止交互式 Shell 在运行这两个指令之间提示您输入。这可以防止click()和write()调用之间意外地将一个新窗口带入焦点,这会破坏示例。...你在这本书里已经走了这么远;你当然知道一定有自动完成这个无聊任务的一种方式。 这个项目的表单是一个谷歌文档表单,你可以找到。看起来像图 20-7 。...以下是表单中输入数据的步骤: 将键盘焦点放在name字段,这样按键就可以该字段中键入文本。 键入一个名称,然后按下Enter。 键入最大的恐惧,然后按下Enter。

8.2K51

JavaScript 事件基础补充

JavaScript事件处理函数及其使用列表 事件处理函数 影响的元素 何时发生 onabort 图像 当图像加载被中断时 onblur 窗口、框架、所有表单对象 当焦点从对象移开时 onchange...输入框,选择框和文本区域 当改变一个元素的值且失去焦点时 onclick 链接、按钮、表单对象、图像映射区域 当用户单击对象时 ondblclick 链接、按钮、表单对象 当用户双击对象时 ondragdrop...window.onload = function () { alert('Lee'); }; unload:当页面完全卸载后window上面触发,或当框架集卸载后框架集触发。...input.onfocus = function () { alert('Lee'); }; blur:当页面或元素失去焦点window及相关元素触发。...window.onresize = function () { alert('Lee'); }; scroll:当用户滚动滚动条的元素时触发。

3.1K50

表单脚本

">Submit Form 方式3:图像按钮 只要表单中存在上面列出的任何一种按钮,那么相应表单控件拥有焦点的情况下...对文件字段来说,这个属性是只读的,包含着文件计算机的路径 (2)表单字段方法 foucs()获取焦点,激活字段,使其可以响应键盘事件 blur()失去交单。... (3)表单字段事件 blur:当前字段失去焦点触发 change:对于和元素,它们失去焦点且value值改变时触发;对于元素,在其选项改变时触发...textbox.focus(); } 部分选择文本的技术实现高级文本输入框时很有用,例如提供自动完成建议的文本框就可以使用这种技术。...自动切换焦点 用户填写完当前字段时,自动焦点切换到下一个字段。

4.8K41

mac写作软件iA Writer for Mac

id=MjU2NjEmXyYxMDEuMjcuMjYuMTM4iA Writer mac版功能介绍集成的文档库同步滚动Markdown预览精美的预览模板与策划字体焦点模式淡入淡出当前句子,最大限度地集中将格式转换为...Microsoft®word .docx,然后再返回还将格式导出为HTML和精美风格的PDF自动Markdown格式文本屏幕上夜间模式实时iCloud和Dropbox同步阅读时间; 加上句子,单词和字符数自定义视网膜显示切换支持全屏幕全文浸入文本...向左滑动预览使用全新的同步滚动预览功能,iA Writer有意识地将表单和内容分开。它优化纯文本写作,同时提供恒星格式化输出 - 世界一流的排版。...焦点模式和语法控制iA Writer以提供对文本更深入的关注着称。其独特的工具,通过磨练你的注意力来改善你的写作风格:一次一个句子,或突出不同的词类。...所有设备的所有文件借助无缝的Dropbox和iCloud Sync,iA Writer可以让您的文档安全无恙,随时随地使用灵感触发的任何设备。

1.1K20

笔记 | Xamarin

这意味着进行任何文件访问之前都应执行运行时权限请求。 应用会被自动授予读取和写入其自己的专用文件的权限。 在用户授予了权限之后,应用可以读取和写入属于其他应用的专用文件。...- Xamarin | Microsoft Docs Xamarin.Forms CarouselView 滚动 - Xamarin | Microsoft Docs 滚动视图 ScrollView...Xamarin.Forms中,滚动视图ScrollView用来实现长内容的滚动显示。...使用的时候,ScrollView要求父容器给它分配固定的大小,同时子元素并且有固定的大小。这样,ScrollView才能根据各自大小计算滚动量。...NAT ssh proxy tunnel reverse-proxy 自动升级 参考: C# Xamarin For Android自动升级项目实战 - 跟着阿笨一起玩.NET - 博客园 xamarin.forms

23.9K20

最新iOS设计规范四|3大界面要素:视图(Views)

一、动作表单(Action Sheets) 动作表单是一种特定的警示样式,它表示与当前上下文有关的两个或多个选择。较小的屏幕,动作表单会从屏幕底部向上滑动。...“取消”按钮应出现在动作表单的底部。 突出显示破坏性选择。将红色用于执行破坏性或危险操作的按钮,并将这些按钮显示动作表单的顶部。 避免让操作表滚动。如果表单选项太多,用户必须滚动才能看到所有选项。...集合应该是用来优化用户体验的,而不是成为关注的焦点。集合应该让用户松选择项目更方便。如果在你的集合中很难找到某个条目,用户会感到沮丧并失去兴趣。...在内容周围使用足够的填充,以保持布局整齐并防止内容重叠。 集合的方式不适用于文本信息,文本信息可以用列表。相对于集合,文本信息展示一个可滚动的列表中,浏览起来会更简单和有效。 谨慎进行动态布局变更。...自动关闭非模式弹出窗口时,请务必保存当前任务。通过点击屏幕非浮层区域部分,很容易误点而关闭非模态弹出窗口。仅当用户点击取消按钮时才取消当前的任务。 屏幕适当的位置显示浮层。

8.3K31

Java-GUI编程之事件处理

GUI事件处理机制 定义: ​ 当在某个组件发生某些操作的时候,会自动的触发一段代码的执行。...GUI事件处理机制中涉及到4个重要的概念需要理解: 事件源(Event Source) :操作发生的场所,通常指某个组件,例如按钮、窗口等; 事件(Event):事件源发生的操作可以叫做事件,GUI...注册监听:把某个事件监听器(A)通过某个事件(B)绑定到某个事件源(C),当在事件源C发生了事件B之后,那么事件监听器A的代码就会自动执行。...比如进入、点击、拖放等动作的鼠标事件,再比如得到焦点和失去焦点焦点事件。...事件 触发时机 ActionEvent 动作事件 ,当按钮、菜单项被单击, TextField 中按 Enter 键时触发 AjustmentEvent 调节事件,滑动条移动滑块以调节数值时触发该事件

1.3K20

【交互探讨】无限滚动还是分页展示,这是个问题!

此外,我们无法控制滚动的时间和条目。...就像没有简单的方法无限滚动的“旧”段和“新”段之间导航一样,鉴于所有的条目都落入同一个条目流中, 一旦你向上和向下滚动一些条目,除非我们仔细地浏览最后几个项目几次,否则就很难迅速区分我们已经看到的和我们还没有看到的条目...一些实际案例中,当用户开始向下滚动时,先是会自动出现更多项目,一旦浏览内容数量达到某个阈值时,就会出现“加载更多”按钮。 Crutchfield 使用的“加载更多”模式。...例如,我们可以初始页面加载时显示10-30个产品项目(移动设备显示10个,桌面设备显示30个)。当用户到达列表末尾时,我们可以自动加载接下来的10-30个产品。...Pepper.pl图片 将分页和无限滚动结合在一个地方的一个很好的例子;唯一的改进可能是稍微更好的焦点样式和更好的可访问性导航跳转。

3.1K20

recycleview的优化_recyclerview原理

RecyclerView开发工程师将创建和绑定移到前一帧,使UI线程与渲染线程同时工作,一个条目即将进入视野时预取数据。...具体实现方式是: RecyclerView 开始一个滚动时new Runnable对象,根据 layout manager 和滚动的方向预取即将进入视野的条目,可以同时取出一个或多个条目,例如在使用... 25.1 版本中,预取操作被分为单独的创建/绑定操作,比对整组条目操作更容易被纳入 UI 线程的空隙中。...具体实现原理可参考:RecyclerView预加载机制源码分析 完成这些工作基本没有任何代价,因为 UI 线程两帧之间的空隙不做任何工作。...2)每次打开界面都是定位在RecyclerView屏幕顶端,列表上面的布局都被顶上去了 RecyclerView抢占了焦点,自动滚动导致的.

3.7K20

浏览器事件

窗口相关 onblur: 窗口失去焦点时触发。 onfocus: 窗口获得焦点时触发。 onresize: 窗口大小发生改变时触发。 onscroll: 窗口发生滚动时触发。...onauxclick: 指示输入设备按下非主按钮时触发,例如鼠标中键。 键盘相关 onkeydown: 某个键盘按键被按下时触发。 onkeyup: 某个键盘按键被松开后触发。...onwheel: 该事件鼠标滚轮元素上下滚动时触发。 键盘相关 onkeydown: 某个键盘按键被按下。 onkeypress: 某个键盘按键被按下并松开。...表单事件相关 onblur: 元素失去焦点时触发。 onchange: 该事件表单元素的内容改变时触发。 onfocus: 元素获取焦点时触发。 onfocusin: 元素即将获取焦点时触发。...onfocusout: 元素即将失去焦点时触发。 oninput: 元素获取用户输入时触发。 onreset: 表单重置时触发。 onsearch: 用户向搜索域输入文本时触发。

2.3K20
领券