美文网首页
监听用户的touchmove操作,导致input等表单不能输入内

监听用户的touchmove操作,导致input等表单不能输入内

作者: 林遇66 | 来源:发表于2018-01-24 15:18 被阅读0次

原因:

由于要兼容各种不同的手机,我们一般要阻止浏览器默认事件。

event.preventDefault();

但是由于阻止了所有的默认行为,导致链接和输入框都不能正常使用。

解决:

我们可以在三个事件:touchstart、touchmove和touchend方法代码中加入以下代码:

var tar=event.target;

while (tar.nodeType !=1) {tar =tar.parentNode;}

if (tar.tagName !="SELECT" && tar.tagName !="INPUT" &&tar.tagName !="TEXTAREA" &&tar.tagName !="A"){

    event.preventDefault();

}

相关文章

  • 监听用户的touchmove操作,导致input等表单不能输入内

    原因: 由于要兼容各种不同的手机,我们一般要阻止浏览器默认事件。 event.preventDefault(); ...

  • From表单

    1、form表单有什么作用?有哪些常用的input 标签,分别有什么作用? from表单:用户通过输入内容到表单并...

  • HTML基础语法(下)

    表单(用户输入) 表单 标签。表单是给用户提供输入和操作的那些控件。 表单都是input标签,但是根据类型的不同,...

  • input标签

    input元素及其属性 input元素用来设置表单中的内容项,比如输入内容的文本框,按钮等不仅可以布置在表单中,也...

  • HTML中form表单的用法

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? form表单的作用form标签用于为用户输...

  • 任务5-form表单的用法

    1.form表单有什么作用?有哪些常用的input 标签,分别有什么作用? HTML 表单用于接收不同类型的用户输...

  • 幂等系统设计

    1.系统为什么需要幂等 前端用户的操作问题导致表单重复提交,不做幂等控制会导致创建多个记录,例如用户下单,可能会导...

  • task 5

    form表单有什么作用?有哪些常用的input 标签,分别有什么作用? 搜集不同类型用户的输入内容,负责数据采集,...

  • HTML表单

    表单是一个包含表单元素的区域,用户在表单元素中输入内容,如“文本、密码、单选、复选、下拉列表等,表单使用

  • 任务5

    form表单的作用 收集用户提交的数据并提交到后台 常用的input标签及作用 1.type="text",用于输...

网友评论

      本文标题:监听用户的touchmove操作,导致input等表单不能输入内

      本文链接:https://www.haomeiwen.com/subject/gxeuaxtx.html