jquery -- 同时监听多个事件

多个事件触发不同反应的前端开发技巧

最新推荐文章于 2022-11-23 13:40:05 发布

转载最新推荐文章于 2022-11-23 13:40:05 发布 · 1.7k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/hf8051/p/4571800.html

文章标签：

#javascript #ViewUI

本文详细介绍了如何使用jQuery为一个元素同时绑定多个事件，并针对不同事件执行不同的操作，实现更灵活的交互效果。包括键盘输入、点击、粘贴、失焦等事件的处理，以及验证输入是否符合特定格式，如类IP形式。此外，文章还讨论了如何通过设置IME模式为禁用来优化输入体验。

多个事件触发同一反应

$("#redrow").on("click touchend",function(){});//每个监听事件之间用 “空格” 隔开




多个事件触发不同反应

$(".serverinfo").bind("keyup",function() {
    $(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("click",function(){
    $(this).select();
    $(this).removeClass("text-danger");
}).bind("paste",function(){
    $(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("blur",function(){
    var reg=/^(([01]?[\d]{1,2})|(2[0-4][\d])|(25[0-5]))(\.(([01]?[\d]{1,2})|(2[0-4][\d])|(25[0-5]))){3}$/;
    if(!reg.test($(this).val())){
        //不满足类IP形式
        $(this).next().removeClass("hidden");
    }else{
        //满足类IP形式
        $(this).next().addClass("hidden");
    }
}).css("ime-mode","disabled");

转载于:https://www.cnblogs.com/hf8051/p/4571800.html