web 前端,on的使用

1.前边动态向页面添加元素,用$('#id').live('click',function(){});来实现对动态加载到dom中的元素绑定时间,后来这样绑定事件后,在切换到其他界面后再切换到当前界面时候,当前点击此元素后,会出现多次执行当前的click中的事件,(为什么会多次执行click呢?),这种情况就是想用事件委托来实现动态的对dom对象的事件监听,可以采用on方法,具体的写法如下 :$('触发元素的父元素或祖先元素(此元素必须是页面第一次加载好的,而不是动态生成的,也就是说,在重新加载到这个界面时候,html是存在的)').on('click',‘要触发元素’,function(){ 语句 }),这样的话就不会再出现上述的情况了。

例如:



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web前端中的input标签有多种属性和用途。根据提供的引用内容,这里有三个相关的问题。 首先,关于手机号输入的限制,可以通过设置input标签的type属性为"tel"来在移动端弹出数字键盘,以确保用户只能输入数字并限制长度不超过11位。例如,在一个文本框中输入预约手机号的示例中,可以使用以下代码: ```html <p class="input-number-p">请在下方输入预约手机号</p> <div class="input-number"> <input id="inputNumber" type="tel" maxlength="11"/> </div> ``` 其中,type="tel"会弹出数字键盘,并且通过设置maxlength属性为11,限制手机号的长度为11位。 其次,如果你想禁止用户粘贴内容到input框中,可以使用onpaste事件并返回false,如下所示的代码: ```html <input type="text" value="" onpaste="return false;" /> ``` 这样,当用户尝试粘贴内容时,粘贴事件将被阻止。 最后,如果在IOS上使用只读模式的input标签,你可能会发现在点击时会有反应。要解决这个问题,可以使用以下代码: ```html <input class="authentication-id-input" type="text" v-model="authenticationInfo.identityNumber" v-bind:readonly="inputReadOnly" unselectable="on" onfocus="this.blur()"/> ``` 这里通过在input标签中添加onfocus="this.blur()"的属性,当输入框获得焦点时,立即失去焦点,从而禁止用户输入。<span class="em">1</span><span class="em">2</span><span class="em">3</span>

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值