[Javascript问题]Jquery使用中遇到的小问题 望不吝赐教

.NET技术 > ASP.NET
收藏 回复
[问题点数：200分，结帖人shwicho]
更多帖子
私信 空间 博客
Wicho开源开发中
本版专家分：4471
结帖率 97.37% 


	window.onfocus = function(){

				$(":input[id^='btnOpration']").each(function(){

					$(this).click(function(){

						var val = $(":input[id$='txtExpressions']").val();

						switch($(this).val())

						{

							case "←":

								$(":input[id$='txtExpressions']").val(val.length>0?val.substring(0,val.length-1):"");

								break;						

							case "CE":

								$(":input[id$='txtExpressions']").val("");

								break;

							case "等于":

								$(":input[id$='txtExpressions']").val(val+"=");

								break;

							case "小于":

								$(":input[id$='txtExpressions']").val(val+"<");

								break;

							case "大于":

								$(":input[id$='txtExpressions']").val(val+">");

								break;

							default:

								//alert($(this).val());								

								$(":input[id$='txtExpressions']").val(val+(isField($(this).val())?"["+$(this).val()+"]":$(this).val()));

								break;

						}													

					});							

				});			

			}

			

			function isField(val)

			{

				var params = new Array("0","1","2","3","4","5","6","7","8","9","+","-","*","/",".","(",")");

				params = params.join(",");

				if(params.indexOf(val)>=0)

				{

					return false;

				}			

				return true;

			}






<table cellpadding="0" cellspacing="0" border="1" width="98%" class="tablesort" style="MARGIN-TOP:0px;MARGIN-BOTTOM:0px">

							<tr>

								<td width="75%" style="MARGIN-LEFT:10px">

									<asp:TextBox ID="txtExpressions" Runat="server" TextMode="MultiLine" Width="100%" Rows="6"></asp:TextBox></td>

								<td style="VERTICAL-ALIGN:top">

									<table class="opration">

										<tr>

											<td><input type="button" id="btnOpration10" value="1"></td>

											<td><input type="button" id="btnOpration11" value="2"></td>

											<td><input type="button" id="btnOpration12" value="3"></td>

											<td><input type="button" id="btnOpration13" value="+"></td>

											<td><input type="button" id="btnOpration14" value="←"></td>

										</tr>

										<tr>

											<td><input type="button" id="btnOpration20" value="4"></td>

											<td><input type="button" id="btnOpration21" value="5"></td>

											<td><input type="button" id="btnOpration22" value="6"></td>

											<td><input type="button" id="btnOpration23" value="-"></td>

											<td rowspan="4" class="maxButton"><input type="button" id="btnOpration24" value="CE" style="HEIGHT:100%"></td>

										</tr>

										<tr>

											<td><input type="button" id="btnOpration30" value="7"></td>

											<td><input type="button" id="btnOpration31" value="8"></td>

											<td><input type="button" id="btnOpration32" value="9"></td>

											<td><input type="button" id="btnOpration33" value="*"></td>

										</tr>

										<tr>

											<td><input type="button" id="btnOpration40" value="0"></td>

											<td><input type="button" id="btnOpration41" value="."></td>

											<td><input type="button" id="btnOpration42" value="等于"></td>

											<td><input type="button" id="btnOpration43" value="/"></td>

										</tr>

										<tr>

											<td><input type="button" id="btnOpration50" value="小于"></td>

											<td><input type="button" id="btnOpration51" value="大于"></td>

											<td><input type="button" id="btnOpration52" value="("></td>

											<td><input type="button" id="btnOpration53" value=")"></td>

										</tr>

									</table>

								</td>

							</tr>

						</table>






	 INPUT { BORDER-BOTTOM: #eee 1px groove; BORDER-LEFT: #eee 1px groove; BACKGROUND-COLOR: #f0f8ff; COLOR: blue; BORDER-TOP: #eee 1px groove; BORDER-RIGHT: #eee 1px groove }

			 .opration TD { WIDTH: 50px }

			 .opration INPUT { WIDTH: 100%; HEIGHT: 20px }

			 .rewidth TD { WIDTH: 150px }

			 .rewidth INPUT { WIDTH: 100%; HEIGHT: 20px }

			 .maxButton { HEIGHT: 100% }
只看楼主 引用 举报 楼主
更多帖子
私信 空间 博客
Wicho开源开发中
本版专家分：4471
问题是 按钮点击 有时候会出现多次重复值
只看TA 引用 举报 #1得分 0
更多帖子
私信 空间 博客
Wicho开源开发中
本版专家分：4471
顶一下
 
只看TA 引用 举报 #2得分 0
更多帖子
私信 空间 博客
人生难得一只鸡
本版专家分：67042
Blank
红花 2012年8月 .NET技术大版内专家分月排行榜第一
Blank
黄花 2014年5月 Web 开发大版内专家分月排行榜第二
2014年4月 Web 开发大版内专家分月排行榜第二
Blank
蓝花 2014年3月 Web 开发大版内专家分月排行榜第三
2014年2月 Web 开发大版内专家分月排行榜第三
2013年7月 .NET技术大版内专家分月排行榜第三
2013年6月 .NET技术大版内专家分月排行榜第三
2012年9月 .NET技术大版内专家分月排行榜第三
两次提交

一种状况会发生在<button/> 标签，而且仅在IE8下会出现，因为IE8下默认 type="submit"，这时，只要明确指明type类型就可以

而另一种情况，可能是用户在请求未处理完毕之前，连续点击提交所致，那么，可以用户点击之后，锁定，请求完成，在解锁即可.
只看TA 引用 举报 #3得分 10
更多帖子
私信 空间 博客
Wicho开源开发中
本版专家分：4471
不是这个问题  是点击按钮一次 有时候会出现 1到多次重复值
只看TA 引用 举报 #4得分 0
更多帖子
私信 空间 博客
Wicho开源开发中
本版专家分：4471
再顶一次
只看TA 引用 举报 #5得分 0
更多帖子
私信 空间 博客
事理
本版专家分：7175
有可能是window.onfocus =的问题,改成这个试试

$(function(){
   $(":input[id^='btnOpration']").each(function(){
                $(this).click(function(){
                    var val = $(":input[id$='txtExpressions']").val();
                    switch($(this).val())
                    {
                        case "←":
                            $(":input[id$='txtExpressions']").val(val.length>0?val.substring(0,val.length-1):"");
                            break;                        
                        case "CE":
                            $(":input[id$='txtExpressions']").val("");
                            break;
                        case "等于":
                            $(":input[id$='txtExpressions']").val(val+"=");
                            break;
                        case "小于":
                            $(":input[id$='txtExpressions']").val(val+"<");
                            break;
                        case "大于":
                            $(":input[id$='txtExpressions']").val(val+">");
                            break;
                        default:
                            //alert($(this).val());                                
                            $(":input[id$='txtExpressions']").val(val+(isField($(this).val())?"["+$(this).val()+"]":$(this).val()));
                            break;
                    }                                                    
                });                            
            });
});
只看TA 引用 举报 #6得分 50
更多帖子
私信 空间 博客
v_yao
本版专家分：1301
你把方法写在 window.onfocus 中，每次你的按钮获得焦点时都会触发。
只看TA 引用 举报 #7得分 40
更多帖子
私信 空间 博客
v_yao
本版专家分：1301
所以你会得到多次的值
只看TA 引用 举报 #8得分 0
更多帖子
私信 空间 博客
残月照我心
本版专家分：1416
Blank
蓝花 2013年3月 企业开发大版内专家分月排行榜第三
引用 7 楼 yw39019724 的回复:
你把方法写在 window.onfocus 中，每次你的按钮获得焦点时都会触发。

+++
只看TA 引用 举报 #9得分 20
更多帖子
私信 空间 博客
Wicho开源开发中
本版专家分：4471
6楼的以下都没错 确实是 focus的问题
只看TA 引用 举报 #10得分 0
1 2
收藏 回复
Wicho开源开发中

等级：

关注 私信 TA的帖子
JavaScript+jQuery+项目实战系列视频教程

JavaScript jQuery 项目实战系列教程 能掌握JS和Jquery的基本技能，能完成基本的网页特效！

收集记录一些使用Javascript，JQuery时遇到的问题

NULL 博文链接：https://taotie119.iteye.com/blog/1328377

javascript/jquery全过程详解

讲师介绍：资深大数据、java讲师，十年IT行业从业经历，曾就职于上海花旗银行软件开发部担任项目经理多年,任职于国内等多家知名教育机构，精通javaweb， 前端技术，J2EE技术体系，熟练使用Spring、SpringMVC,Mybatis...

JavaScript & jQuery 交互式Web前端开发

更高效的学习JavaScript和jQuery，快速成为一名Web前端工程师，零基础快速掌握 作者:(美)达科特(Duckett, J.)出版社:清华大学出版社 第1章 编程基础知识 第2章 JavaScript基础指令 第3章 函数、方法与对象 第4章 ...

JavaScript & jQuery 交互式Web前端开发 (最清晰带书签版)

欢迎选择一种更高效的学习JavaScript和jQuery的方式。 你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本，但想以一种更好的方式来实现它们？本书非常适合您。本书不仅向您展示如何阅读和编写...

JavaScript & jQuery交互式Web前端开发(完整版) part 1

欢迎选择一种更高效的学习JavaScript和jQuery的方式。 你是一名JavaScript新手?或是您曾经向自己的Web页面上添加过一些脚本，但想以一种更好的方式来实现它们？本书非常适合您。本书不仅向您展示如何阅读和编写...

Murach's JavaScript and jQuery 无水印原版pdf

Murach's JavaScript and jQuery 英文无水印原版pdf pdf所有页面使用FoxitReader、PDF-XChangeViewer、SumatraPDF和Firefox测试都可以打开 本资源转载自网络，如有侵权，请联系上传者或csdn删除 查看此书详细...

JavaScript and JQuery_Interactive Front-End Web Development

JavaScript and JQuery_Interactive Front-End Web Development 5 Star 217 customer reviews in Amazon

JavaScript+jQuery程序设计 源码

JavaScript+jQuery程序设计（慕课版）的详细源程序，能够给学习的同学提供案例。

JavaScript+jQuery程序设计-PPT

JavaScript+jQuery程序设计-PPT，JavaScript是Web页面中的一种脚本编程语言，也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言。它不需要进行编译，而是直接嵌入在HTML页面中，把静态页面转变成...

JavaScript and JQuery: Interactive Front-End Web Development 2

JavaScript and JQuery: Interactive Front-End Web Development 图片扫描版， part 2

JavaScript实战：javascript、jQuery、HTML5、Nodejs实例大全

资源名称：Javaｓｃｒｉｐｔ实战：Javaｓｃｒｉｐｔ、jQuery、HTML5、Node js实例大全内容简介：《Javaｓｃｒｉｐｔ实战：Javaｓｃｒｉｐｔ、jQuery、HTML5、Node.js实例大全》从实际的应用场景出发，结合当下热门...

HTML网站、内含javascript、jQuery、Bootstrap

Html网站、内含javascript、jQuery、Bootstrap，可以参考

JavaScript & jQuery 交互式Web前端开发.pdf

《JavaScript & jQuery 交互式Web前端开发.pdf》2015年的书，彩版

精通JavaScript+Jquery视频教程（共16讲）(15)

精通JavaScript+Jquery视频教程（共16讲）(15)

JavaScript+jQuery程序设计（某课版）ppt

JavaScript+jQuery程序设计（某课版）详细的ppt，对于授课的老师来说是非常有用的。

JavaScript & jQuery交互式Web前端开发

JavaScript & jQuery交互式Web前端开发_PDF电子书下载 高清 带索引书签目录_（美）达克特著_北京：清华大学出版社

JavaScript and JQuery: Interactive Front-End Web Development

JavaScript and JQuery: Interactive Front-End Web Development 作者jon duckett

JavaScript and JQuery - Interactive Front-End Web Development.1118531647.pdf

JavaScript and JQuery - Interactive Front-End Web Development.1118531647.pdf

jQuery动画特效---精通JavaScript+jQuery

JavaScript/CSS/DOM基础 第0课 - 内容概述 - [精通JavaScript+jQuery] 第1课 - JavaScript背景知识-[精通JavaScript+jQuery] 第2课 - JavaScript基础 - [精通JavaScript+jQuery] 第3课 - CSS基础 - [精通...

相关热词 c# 解析cad c#数字格式化万 c#int转byte c#格式化日期 c# wpf 表格 c# 实现ad域验证登录 c#心跳包机制 c#使用fmod.dll c#dll vb 调用 c# outlook