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

JavaScript学习总结(六)

y值 window.moveBy(100,0);//谷歌浏览器貌似不支持了 //moveTo() 将窗口左上角的屏幕位置移动到指定的 xy 位置。...//setTimeout() 经过指定毫秒值后执行指定 的代码一次 事件 定义:发生一个事件之后,会触发特定的方法 那么如何注册一个事件呢?...鼠标移动相关: onmouseout 当用户将鼠标指针移出对象边界触发。 onmousemove 当用户将鼠标划过对象触发。 焦点相关的: onblur 在对象失去输入焦点触发。...onfocus 对象获得焦点触发。 其他: onchange 对象或选中区的内容改变触发。 onload 在浏览器完成对象的装载后立即触发。...onsubmit 表单将要被提交触发。 location对象 此对象是浏览器地址栏对象,所以我们能够改变地址栏信息,或者进行其他的一些改变。

80220

移动端那些戳中你痛点的软键盘问题及解决方法

IOS 软键盘收起表现 触发软键盘上的“收起”按钮键盘或者输入框以外的页面区域输入失去焦点,软键盘收起。 Android 软键盘收起表现 触发输入框以外的区域输入失去焦点,软键盘收起。...但是,触发键盘上的收起按钮键盘输入框并不会失去焦点,同样软键盘收起。 ? ? 2、为什么fixed会失效 既然ios键盘弹起,页面会上移,那么为什么fixed会失效呢。...为了解决这个问题,ios设计者们让webview上,但滚动的结果有些出乎意料:输入框本身可以理解地滚动到了实际可视区域的正中间,但 fixed 元素不会发生重新计算,而是保持原来的相对位置,跟着输入框一起被上推...,IOS输入框都会失去焦点,键盘会收起, inputRef?....解决办法: 键盘收起,加入下面其中一种办法就可以解决 滚动到顶部 window.scrollTo(0,0) 滚动到底部 window.scrollTo(0, Math.max(document.body.clientHeight

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

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

在IOS12 上,微信版本 v6.7.4 及以上,输入框获取焦点,键盘弹起,页面(webview)整体往上滚动,键盘收起后,不回到原位,导致键盘原来所在位置是空白的。...IOS 软键盘收起表现 触发软键盘上的“收起”按钮键盘或者输入框以外的页面区域输入失去焦点,软键盘收起。 Android 软键盘收起表现 触发输入框以外的区域输入失去焦点,软键盘收起。...但是,触发键盘上的收起按钮键盘输入框并不会失去焦点,同样软键盘收起。 ? ?...输入框位于页面下部位置,在 IOS 上,会将 webview 整体往上一段距离,使得该获取焦点输入框自动处于可视区,而在 Android 则不会这样,它只会改变页面高度,而不会去滚动到当前焦点元素到可视区...IOS 中,只有 [0-9]* 才可以调起九宫格数字键盘,d 无效,Android 4.4 以下(包括X5内核),两者都调起数字键盘。

3.9K12

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

在IOS12 上,微信版本 v6.7.4 及以上,输入框获取焦点,键盘弹起,页面(webview)整体往上滚动,键盘收起后,不回到原位,导致键盘原来所在位置是空白的。...IOS 软键盘收起表现 触发软键盘上的“收起”按钮键盘或者输入框以外的页面区域输入失去焦点,软键盘收起。 Android 软键盘收起表现 触发输入框以外的区域输入失去焦点,软键盘收起。...但是,触发键盘上的收起按钮键盘输入框并不会失去焦点,同样软键盘收起。 ?...输入框位于页面下部位置,在 IOS 上,会将 webview 整体往上一段距离,使得该获取焦点输入框自动处于可视区,而在 Android 则不会这样,它只会改变页面高度,而不会去滚动到当前焦点元素到可视区...IOS 中,只有 [0-9]* 才可以调起九宫格数字键盘,\d 无效,Android 4.4 以下(包括X5内核),两者都调起数字键盘。

7.9K20

JQ事件和事件对象

2  blur(): 失去焦点事件     3 focusin()  :获得焦点事件     4 focusout() :失去焦点事件     5 change()  :元素发生改变,触发事件...可以在父元素上检测子元素获得焦点的情况 而focusout可以在父元素上检测子元素失去焦点情况  四 其他事件   1 scroll()滚动滚动条触发的事件      2  resize()调整窗口大小时触发的事件...//小案例(动到一定高度出现搜索菜单) .bar{ width: 100%; height: 50px; background: red;...推荐用event.which来监视键盘输入。          ...鼠标左健 2 鼠标中健(滚轮键) 3 鼠标右健       6 event.preventDefault()  阻止事件的默认行为      7 event.stopPropagation()  防止冒泡事件

4.1K20

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

移动鼠标 现在你明白了屏幕坐标,让我们移动鼠标。pyautogui.moveTo()函数会立即将鼠标光标移动到屏幕上的指定位置。x 坐标和 y 坐标的整数值分别构成函数的第一个和第二个参数。...注 在撰写本文,PyAutoGUI 无法向某些程序发送鼠标点击或按键,如防病毒软件(防止病毒禁用该软件)或 Windows 上的视频游戏(使用不同的方法接收鼠标和键盘输入)。...请注意,将两个命令放在同一行上,用分号隔开,可以防止交互式 Shell 在运行这两个指令之间提示您输入。这可以防止在click()和write()调用之间意外地将一个新窗口带入焦点,这会破坏示例。...点击第一个字段后,只需按下Enter即可将焦点动到下一个字段。这将使您不必为每个字段计算要单击的 xy 坐标。...Google Talk 应用有一个搜索栏,可以让你在好友列表中输入用户名,并在你按下ENTER打开一个消息窗口。键盘焦点自动移动到新窗口。其他即时消息应用也有类似的打开新消息窗口的方式。

8.2K51

Window对象

pageXOffset: 设置或返回当前页面相对于窗口显示区左上角的X位置。 pageYOffset: 设置或返回当前页面相对于窗口显示区左上角的Y位置。...screenLeft: 返回相对于屏幕窗口的X坐标 screenTop: 返回相对于屏幕窗口的Y坐标 screenX: 返回相对于屏幕窗口的X坐标 screenY: 返回相对于屏幕窗口的Y坐标 sessionStorage...prompt(): 显示可提示用户输入的对话框。 requestAnimationFrame: 提供匹配屏幕刷新率的动画帧绘制方法。 queueMicrotask: 提供加入微任务队列的回调接口。...窗口相关 onblur: 窗口失去焦点触发。 onfocus: 窗口获得焦点触发。 onresize: 窗口大小发生改变触发。 onscroll: 窗口发生滚动触发。...onmousemove: 移动鼠标触发。 onmouseout: 鼠标移出窗口触发。 onmouseover: 鼠标移动到窗口触发。

2.4K20

Python中tkinter模块的常用参数总结

(0,0)      框体大小可调性,分别表示x,y方向的可变性;root.geometry('250x150')  指定主框体大小;root.quit()         退出;root.update_idletasks...    组件左上角的x坐标; y:    组件右上角的y坐标; relx:  组件相对于窗口的x坐标,应为0-1之间的小数; rely...组件获得或失去焦点的时候去验证  “focusin”        Entry组件获得焦点的时候去验证  “focusout”       Entry组件失去焦点的时候去验证  “key”          ...;FocusIn       组件获得焦点触发;FocusOut       组件失去焦点触发;Property      窗体的属性被删除或改变触发;...y         鼠标当前位置,相对于窗口;x_root,y_root       鼠标当前位置,相对于整个屏幕12、弹窗messagebox.

75630

Qt 常用类 (9)—— QWidget

int y);    // 将窗口左上角移动到坐标(x,  y)处;   void move(const QPoint &pos);     // 将窗口左上角移动到 pos 处;   void ...,将发送 QShowEvent 事件;窗口隐藏,将发送 QHideEvent 事件。...激活状态         有多个独立窗口同时存在,只有一个窗口能够处于激活状态。系统产生的键盘、鼠标等输入事件将被发送给处于激活状态的窗口。...窗口获得或失去焦点,将发送 QFocusEvent 事件,它有两个处理函数:forceInEvent 和 focusOutEvent,分别对应获得焦点失去焦点。        ...这里要注意两点:一是如果有另外一个窗口进行了捕获操作,则当前处于捕获状态的窗口将失去对事件的捕获;二是只有可见的窗口才能进行输入事件捕获。

3.5K10

【思维导图】前端开发JavaScript-巩固你的JavaScript知识体系

y x = x / y 求余赋值 x %= y x = x % y 求幂赋值 x **= y x = x ** y 左移位赋值 x <<= y x = x << y 右移位赋值 x >>= y x =...mouseenter 在鼠标光标从元素外部首次移动到元素范围内触发,不冒泡 mouseleave 元素上方的光标移动到元素范围之外触发,不冒泡 mousemove 光标在元素的内部不断移动触发...mouseover 用户指针位于一个元素外部,然后用户将首次移动到另一个元素边界之内触发 mouseout 用户将光标从一个元素上方移动到另一个元素触发 mouseup 在用户释放鼠标触发 mousewheel...">滚动条滚动到0px 焦点事件 方法 说明 blur 在元素失去焦点触发,所有浏览器都支持 focus 在元素获得焦点触发,所有浏览器都支持 示例...、获得焦点事件 onBlur:失去输入焦点后产生该事件 onFocus:输入获得焦点后,产生该文件 Onchange:文字值改变,产生该事件 Onselect:文字加亮后,产生该文件 记忆力最好的三个时间段

3.1K20

前端开发JavaScript-巩固你的JavaScript

y x = x / y 求余赋值 x %= y x = x % y 求幂赋值 x **= y x = x ** y 左移位赋值 x <<= y x = x << y 右移位赋值 x >>= y x =...mouseenter 在鼠标光标从元素外部首次移动到元素范围内触发,不冒泡 mouseleave 元素上方的光标移动到元素范围之外触发,不冒泡 mousemove 光标在元素的内部不断移动触发...mouseover 用户指针位于一个元素外部,然后用户将首次移动到另一个元素边界之内触发 mouseout 用户将光标从一个元素上方移动到另一个元素触发 mouseup 在用户释放鼠标触发 mousewheel...">滚动条滚动到0px 焦点事件 方法 说明 blur 在元素失去焦点触发,所有浏览器都支持 focus 在元素获得焦点触发,所有浏览器都支持...、获得焦点事件 onBlur:失去输入焦点后产生该事件 onFocus:输入获得焦点后,产生该文件 Onchange:文字值改变,产生该事件 Onselect:文字加亮后,产生该文件 记忆力最好的三个时间段

2.8K60

Android中文API——ScrollView

(译者注: 如何监听android的屏幕滑动停止事件) 参数 velocityY Y方向的初始速率。正值表示手指/光标向屏幕下方滑动,而内容将向上滚动。...public void scrollTo (int x, int y) 设置当前视图滚动到的位置。...参数 x     滚动到X位置 y     滚动到Y位置 public void setFillViewport (boolean fillViewport) 设置当前滚动视图是否将内容高度拉伸以填充视图可视范围...参数 x 要滚动到位置的X坐标 y     要滚动到位置的Y坐标   五、受保护方法 protected int computeScrollDeltaToGetChildRectOnScreen...如果只是添加到视图,调用时显示的是旧值0。(译者注:也就是添加到视图,oldw和oldh返回的是0)。

4.5K30

Android Q新特性,一起来学习折叠屏应该如何适配

兼容模式 / resizeableActivity 取 false ,展开折叠屏可能会变成这样的效果: [aHR0cHM6Ly91cGxvYWQtaW1hZ2VzLmppYW5zaHUuaW8vdXBsb2FkX2ltYWdlcy8xNTY3OTEwOC0xOGJlYzk5YTMyNjIzZDM4...兼容模式的显示和最大支持比例 maxAspectRatio 有关,屏幕比例超过 maxAspectRatio 才会用黑边填充,官方建议把 maxAspectRatio 设为 2.4 (12 : 5...{ // 获取到焦点 } else { // 失去焦点 } } 当我们使用了独占资源就要用到这个方法。...在失去焦点的时候可以不释放摄像头,但是需要处理好摄像头断开连接和重新连接的情况。...1148x2480,这是 Mate X 折叠的分辨率,这时再输入: adb shell wm size 2200x2480 将手机分辨率修改为 Mate X 展开后的分辨率 2200x2480,用这种方式模拟了折叠屏展开的切换

1.8K00

JavaScript脚本语言入门(下)

2.JavaScript常用事件 事件 触发事件 onabort 对象载入被中断触发 onblur 元素或窗口失去焦点触发 onchange 改变元素的选项或其他表单元素失去焦点,并且在其获取焦点后内容发生过改变触发...光标的焦点在按钮上并按下回车键也会触发该事件 ondblclick 双击鼠标左键触发 onerror 出现错误时触发 ondocus 任何元素或窗口本身获得焦点触发 onkeydown 键盘上的按键...在多数平台上,这将使窗口移动到最前面 open() 打开一个新窗口 scrollTo(x,y) 将窗口滚动到x,y坐标指定的位置 scrollBy(offsetx,sffsety) 按照指定的位移量滚动窗口...setTimeout(timer) 在经过指定的时间后执行代码 clearTimerout() 取消对指定代码的延迟执行 moveTo(x,y) 将窗口移动到一个绝对位置 moveBy(offsetx...,offsety) 将窗口移动到指定的位移量处 resizeTo(x,y) 设置窗口的大小 resizeBy(offsetx,offsety) 按照指定的位移量设置窗口的大小 print() 相当于浏览器工具栏中的

1.5K10

DOM事件基本概念大总结(前端必备)

(event) { console.log(event.target, '跳转了'); }) resize 事件 页面大小发生改变触发,可以用此来获取一些窗口属性,用来做响应式开发。...焦点事件标准不一,但是 DOM3 统一了一个标准并且规定了它的发生顺序 一个元素移动到另一个元素会依次触发以下事件;一般 blur 与 focus 常见 focusout 在失去焦点元素上触发...,会冒泡 focusin 在获取焦点元素上触发,会冒泡 blur 在失去元素上触发,不会冒泡 DOMFocusOut 在失去焦点元素上触发,会冒泡; Opera 专有 focus 在获取焦点元素上触发,...0 为纵向、90 为向左旋转、-90 为向右旋转 MozOrientation ,firefox 未检测设备而引入,依靠 event 的 x,y,z 来确定方向。...手指在屏幕上连续滑动触发。

1.8K20

Java事件处理,低级事件类型:键盘事件+焦点事件,你真的懂吗?

事件源组件左上角的坐标x(水平)和y(竖直),或点信息。...• void translatePoint(int x, int y) 通过水平移动x单位,垂直移动y单位来转换事件坐标。 • int getClickCount( ) 返回与事件关联的鼠标连击次数。...焦点事件 用鼠标可以指向屏幕上的任何一个对象。但是在使用键盘输入时,敲击键盘必须定位于一个特定的屏幕对象。...文本域具有焦点的时候,可以将文本输入到文本域中;按钮有焦点的时候,可以通过敲击空格键来“点击”这个按钮。 在一个窗口中,最多只有一个组件拥有焦点。...在JDK 1.4中,焦点转移的时候,可以找到“对等物”组件或窗口。对等物是指在组件或窗口失去焦点获得焦点的组件或窗口。相反地,组件或窗口获得焦点,对等物是刚刚失去焦点的那个组件或窗口。

3.8K30

控制页面的滚动:自定义下拉到刷新和溢出效果

overscroll-behavior:contain解决 禁用拉到刷新(overscroll-behavior-y: contain) 禁用超色条纹和橡皮筋效果要在滚动边界禁用反弹效果(橡皮筋效果...你可以使用它来取消滚动链接,禁用/自定义拉动到刷新操作,禁用iOS上的橡皮圈效果(Safari实现超滚动行为时)等等。...注意:overscroll-behavior还支持overscroll-behavior-x和overscroll-behavior-y的简写,如果您只想定义特定轴的行为 让我们深入一些例子来看看如何使用...要在滚动边界禁用反弹效果(橡皮筋效果),请使用 overscroll-behavior-y:none: body { /* 禁用拉到刷新和过卷发光效果。...为了防止导航,你可以使用overscroll-behavior-x:none 完整Demo 把它放在一起,完整的聊天框演示,使用overscroll-behavior行为来创建一个自定义的拉动到刷新动画

3.3K20
领券