先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素。 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容,离开输入框,该图标消失。 之前的预想是:为输入框添加focus和blur事件 ...
input的blur事件会在click事件之前执行,并且,执行完blur事件后click事件就不执行了 解决办法: 移动端项目可以用touchstart来代替click事件 pc端项目可以用mousedown事件来代替 关于鼠标按下事件 手指触摸动作开始 ,几个常用的: Vue,移动端,小程序:touchstart 原生JS:onmousedown jQuery:mousedown ...
2020-05-27 18:25 0 576 推荐指数:
先来一段引子,最近在写手机h5页面,主要是一些登陆注册方面的,最绕不开的就是表单元素。 我想实现的是:在输入框后边有一个删除图标,当输入东西的时候触发事件,显示删除图标,点击该图标会删除之前输入的内容,离开输入框,该图标消失。 之前的预想是:为输入框添加focus和blur事件 ...
最近做了一个查询小功能,input输入框输入文字后,自动列出几条查询结果,可以键盘上下键或鼠标进行查询结果选择,并且点击输入框其他地方要隐藏这个列出的结果。 但比较头疼的是input上添加blur事件和查询提示结果click事件发生冲突,点击查询结果时,会首先触发input的blur事件,导致 ...
加上延迟时间,让blur时间在click事件后执行,这个方法固然能够解决问题,但是本人并不是很推荐,因为影 ...
<body > <button class="layui-btn layui-btn-warm" id="btn">一个标准的按钮</button> <p></p> < ...
<body > <button class="layui-btn layui-btn-warm" id="btn">一个标准的按钮</button> <p></p> <div class ...
方法一 使用setTimeout 方法二 只要给按钮设置 mousedown 事件,并在其中 event.preventDefault() 就可以了 想要点击按钮,触发按钮的 click 事件,但又不想触发 input ...