首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

javascript入门笔记5-事件

比如说,当用户单击按钮或者提交表单数据,就发生一个鼠标单击(onclick)事件,需要浏览器做出处理,返回给用户一个结果。...3.鼠标单击事件( onclick ) onclick是鼠标单击事件,当在网页上单击鼠标,就会发生该事件。同时onclick事件调用的程序块就会被执行,通常与按钮一起使用。...当网页中的对象获得聚点,执行onfocus调用的程序就会被执行。... 9.文本框内容改变事件(onchange) 通过改变文本框的内容来触发onchange事件,同时执行被调用的程序。 <!...加载页面触发onload事件,事件写在body标签内。 b. 此节的加载页面,可理解为打开一个新页面。 如下代码,当加载一个新页面,弹出对话框“加载中,请稍等…”。 <!

1.2K30

双击事件(dblclick),触发鼠标按下(mousedown) 动作事件

在一个dom节点的事件绑定中,如果同时绑定了dblclick和mousedown那么想要执行双击事件(dblclick)能就会触发两次mousedown事件。...因此,触发顺序是,mousedown首先触发,mouseup接着触发,click最后触发。 dblclick事件则会在mousedown、mouseup、click之后触发。...mouseover事件和mouseenter事件,都是鼠标进入一个节点触发。...解决的思路:要想双击执行单击事件,就使用定时器清除掉两个单击事件,留下一个双击事件。...要想执行第一次的任务队列,那么定时器时间间隔就必须大于两次单击的时间间隔了。这样才能清除第一次的单击事件,所以,这个200是酌情值,大于间隔就行。

47920

JavaScript 事件基础补充

窗口 当用户将一个对象拖放到浏览器窗口 onError 脚本 当脚本中发生语法错误时 onfocus 窗口、框架、所有表单对象 当单击鼠标或者将鼠标移动聚焦到窗口或框架 onkeydown 文档、...对于每一个事件,它都有自己的触发范围和方式,如果超出了触发范围和方式,事件处理将失效。 1.鼠标事件,页面所有元素都可触发 click:当用户单击鼠标按钮或按下回车键触发。...window.onunload = function () { alert('Lee'); }; select:当用户选择文本框(input或textarea)中的一个或多个字符触发。...input.onselect = function () { alert('Lee'); }; change:当文本框(input或textarea)内容改变且失去焦点后触发。...input.onfocus = function () { alert('Lee'); }; blur:当页面或元素失去焦点在window及相关元素上触发

3.1K50

由微信小程序原生组件层级引发的“血案”

textarea失去焦点,我们就隐藏textarea,用其他元素来显示已经输入的内容,点击这块区域,又把textarea显示出来,让其可以输入。...= false this.onfocus = true }, confirmText () { this.showText = true this.onfocus...问题延伸 如果一个textarea全屏的,即高度100%,底部有一个浮动提交按钮,这样也会出现上述问题。 ? 这个问题又怎么解决了?上面的解决方案,在这里已经不管用了。...camera canvas input(仅在focus表现为原生组件) live-player live-pusher map textarea video 微信小程序原生组件的使用限制...在工具上,原生组件是用web组件模拟的,因此很多情况并不能很好的还原真机的表现,建议开发者在使用到原生组件尽量在真机上进行调试。

1.8K30

再谈BOM和DOM(7):HTML DOM Event 对象属性及DOM事件详细列表

onerror 在加载文档或图像发生错误。 onfocus 元素获得焦点。 onkeydown 某个键盘按键被按下。 onkeypress 某个键盘按键被按下并松开。...鼠标 / 键盘属性 属性 描述 altKey 返回当事件被触发,"ALT" 是否被按下。 button 返回当事件被触发,哪个鼠标按钮被点击。...2 oncontextmenu 在用户点击鼠标右键打开上下文菜单触发 ondblclick 当用户双击某个对象时调用的事件句柄。 2 onmousedown 鼠标按钮被按下。...<select, 和 <textarea) 2 onfocus 元素获取焦点触发 2 onfocusin 元素即将获取焦点触发 2 onfocusout 元素即将失去焦点触发 2 oninput...和 <textarea) 2 onsubmit 表单提交触发 2 剪贴板事件 属性 描述 DOM oncopy 该事件在用户拷贝元素内容触发 oncut 该事件在用户剪切元素内容触发 onpaste

2.1K40

移动端Webapp中的那些Bug

1.2 解决方案 手动设置滑到边界的scrollTop(scrollFix) 当快滑到上边界或者下边界的值,手动设置scrollTop与达到边界相差一像素(上边界:scrollTop = 1,...下边界:scrollTop = elem.scrollHeight - elem.offsetHeight - 1),这样就不会触发出界的极限条件。...2.2 解决方案 爬墙爬到这么一个issue,3楼eddiemonge老哥说到了,在IOS下除非用户手动触发了输入框的focus事件,才会触发键盘,至于设置定时器也是不管用的;但是,手动点击一个按钮,在按钮的操作中再来执行...结果我去这么试了一下,将之前的按钮直接点击方式改为200ms之后执行focus。...= textareas[i]; textarea.onfocus = focused; textarea.onblur = blured; } // 模拟事件 function mockEvent

2.9K50

HTML基础知识

Form表单事件 onblur,当元素失去焦点触发。 onchange,在元素的元素值被改变触发onfocus,在元素获得焦点触发。...onreset,当表单中的重载按钮被点击触发。 onselect,在元素中文本被选中后触发。 onsubmit,在提交表单触发。...该属性不会对所有按键生效,生效按键如:alt,ctrl,shift,esc。 onkeyup,当用户释放按键触发。 Mouse鼠标事件 onclick,当在元素上单击鼠标触发。...onblclick,当在元素上双击鼠标触发。 onmousedown,当在元素上按下鼠标按钮触发。 onmousemove,当鼠标指针移动到元素上触发。...onmouseout,当鼠标指针移出元素触发。 onmouseover,当鼠标指针移动到元素上触发。 onmouseup,当在元素上释放鼠标按钮触发

2.6K22

前端基础(HTML,CSS,JavaScript)知识笔记,附:前端基础面试题!!

,当元素失去焦点触发 onchange,在元素的值被改变触发 onfocus,当元素获得焦点触发 onreset,当表单中的重置按钮被点击触发 onselect,在元素中文本被选中后触发...onsubmit,在提交表单触发 keyboard 键盘事件: onkeydown,在用户按下按键触发 onkeypress,在用户按下按键后,按着按键触发。...(该属性不会对所有按键生效,生效的有:alt,ctrl,shift,esc) mouse 鼠标事件: onclick,当在元素上发生鼠标点击触发 onblclick,当在元素上发生鼠标双击触发...onmousedown,当元素上按下鼠标按钮触发 onmousemove,当鼠标指针移动到元素上触发 onmouseout,当元素指针移出元素触发 onmouseup,当元素上释放鼠标按钮触发...reset 重置按钮(点击按钮,会触发form表单的reset事件) submit 提交按钮(点击按钮,会吃饭form表单的submit事件) email 专门用于输入 e-mail url 专门用于输入

2.3K20
领券