回车监听事件执行多次

 我原本想监听输入框的焦点事件,在焦点放在输入框上的时候才监听回车事件,代码如下:

$("input").focus(function() {
	$("input").keypress(function(e) {
	    // 回车键事件 
		var key = window.event ? e.keyCode : e.which;
		if (key.toString() == "13"&&check=="0") {
		    $(".loading_left").fadeIn(100);
			var searchText = $(".listTitle").children("input").val();
			searchText = $.trim(searchText);
			if (searchText != "") {
				search(searchText);
			} else {
				$(".search").text("");
				$(".loading_left").fadeOut(300);
				if ($(".search p").length != 0) {
					$(".search p").text("输入不能为空");
				} else {
					$(".search").append("<p>输入不能为空</p>");
				}
			}
			$(this).blur();
		}
	});
});

结果发现如上代码不仅每次焦点停在输入框上面的时候会添加一次回车监听事件,且每次回车都会增加一次回车监听事件。

解决方案就是使用return false加一个参数判断是否已存在监听事件。代码如下:

var check="0";
$("input").focus(function() {
    $("input").keypress(function(e) {
    // 回车键事件 
       var key = window.event ? e.keyCode : e.which;
       if (key.toString() == "13"&&check=="0") {
	   check="1";
       $(".loading_left").fadeIn(100);
	   var searchText = $(".listTitle").children("input").val();
       searchText = $.trim(searchText);
	   if (searchText != "") {
	       search(searchText);
       } else {
	       $(".search").text("");
		   $(".loading_left").fadeOut(300);
		   if ($(".search p").length != 0) {
		       $(".search p").text("输入不能为空");
		   } else {
			   $(".search").append("<p>输入不能为空</p>");
		   }
	   }
	   $(this).blur();
	   return false;
   }				
});

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏微信公众号:Java团长

初学者应该了解的数据结构:Array、HashMap 与 List

当开发程序时,我们(通常)需要在内存中存储数据。根据操作数据方式的不同,可能会选择不同的数据结构。有很多常用的数据结构,如:Array、Map、Set、List...

642
来自专栏智能算法

程序员必须了解的数据结构:Array、HashMap 与 List

当开发程序时,我们(通常)需要在内存中存储数据。根据操作数据方式的不同,可能会选择不同的数据结构。有很多常用的数据结构,如:Array、Map、Set、List...

720
来自专栏海天一树

求组合数

分析:  C(10, 3) = C(10, 2) * 8 / 3 = C(10, 1) * 9 * 8 / (3 * 2) = C(10, 0) * 10 *...

582
来自专栏深度学习思考者

Python学习(三) 八大排序算法的实现(下)

本文Python实现了插入排序、基数排序、希尔排序、冒泡排序、快速排序、直接选择排序、堆排序、归并排序的后面四种。 上篇:Python学习(三) 八大排序算...

23610
来自专栏小樱的经验随笔

C++queue容器学习(详解)

一.queue模版类的定义在<queue>头文件中。 queue与stack模版非常类似,queue模版也需要定义两个模版参数,一个是元素类型,一个是容器类型,...

2434
来自专栏程序生活

Leetcode-Easy 141. Linked List Cycle

141. Linked List Cycle 描述: 判断一个单链表中是否存在环 ? 思路: 设置两个指针(fast, slow),初始值...

2954
来自专栏贾老师の博客

浮点数存储格式

963
来自专栏xx_Cc的学习总结专栏

iOS-正则表达式的简单使用

3207
来自专栏决胜机器学习

PHP数据结构(二十六) ——基数排序实现36进制数排序

PHP数据结构(二十六)——基数排序实现36进制数排序 (原创内容,转载请注明来源,谢谢) 一、概述 插入排序、选择排序、快速排序等,都是通过关键字之间的比...

36511
来自专栏架构之路

Basic Calculator 基本计算器-Leetcode

1.题目: Implement a basic calculator to evaluate a simple expression string. The e...

2054

扫码关注云+社区