关于chrome插件开发（四）即时监控inpu

最新推荐文章于 2023-09-02 21:23:28 发布

奔跑的煮玉米

最新推荐文章于 2023-09-02 21:23:28 发布

阅读量1.4k

点赞数

分类专栏： chrome插件 input 监听文章标签： web chrome chrome插件 filter input

本文链接：https://blog.csdn.net/Hello_World003/article/details/44925989

版权

本文介绍了如何在Chrome插件开发中利用oninput事件实时监控input元素的输入，并过滤不希望出现的字符。针对IE和其他浏览器的不同行为，强调了onchange和onpropertychange的区别，推荐使用oninput事件。同时，提到了在JavaScript中通过addEventListener来注册事件监听器的重要性，以确保事件处理的正确触发。

摘要由CSDN通过智能技术生成

<pre name="code" class="javascript">function input_filter(){
			var list=document.getElementById("q");//要操作input的ID
		
	        var re_input =/select|update|delete|truncate|join|union|exec|insert|count|drop|script|'|"|;|>|<|\|[|]|=|{|}/i;

	                if("\v"=="v") {
                        list.onpropertychange = inputChange;
                   }else{
                        list.addEventListener("input",inputChange,false);
                    }
                  
              
                 function inputChange(){
                   if(re_input.test(list.value)){
            
                       list.value = list.value.replace(re_input,"");
					      alert("请勿输入非法字符"); 	
					   
				  }
                }		
}


		input_filter();

如果需要监控input的输入，并且过滤掉一些字符，则可以用上面的代码，特别注意的是要用到oninput这个事件。可以参看这个链接点击打开链接