jquery如何解决一个页面,两个搜索按钮,按一下回车键指定触发指定按钮。

Posted 2023-04-02

按 回车 键时 触发指定按钮进行的操作就好把，比如说 button1 是 form1 提交， 那么当用户按回车键时 就通过js把form1提交了就好追问

我的意思是一个页面有两个搜索按钮，例如“button1”和“button2”，当在button1所在的文本框里输入查询条件后，按回车，能搜索到符合条件的数据。这时鼠标移动到button2所在的任意文本框里，按回车，能搜索到符合条件的数据。现在鼠标移动到button2输入查询条件时，按回车还是对button1的检索。

追答

这样的话 就是给不同的输入框绑定不同的事件
$(input1).keydown(function(e)if(e.keyCode==13)
//TODO 执行 button1的操作


$(input2).keydown(function(e)if(e.keyCode==13)
//TODO 执行 button2的操作

参考技术A 我有一个想法，分别给两个输入框设置获取焦点事件onFocus（）并且初始化一个标记var tag=0;
当1输入框获取焦点时将tag置为1，当2输入框获取焦点时将tag置为2.
给当前页面（document）绑定一个enter事件(enter()),在enter事件中对tag做判断。
function enter（）
if(tag==1) //输入框1
else if(tag==2) //输入框2
参考技术B $("要监听回车事件的控件").keydown(function (e)
var key = e.which;
if (key == 13 || (key == 10 && $.browser.msie && $.browser.version <= 6.0))
//要触发的事件


);追问

“要监听回车事件的控件”指的是为两个按钮定义的同个ID吧？刚才试了下，还是不好使。症状还是在button1的任意检索条件输入值之后，回车检索到相应的数据，在button2的检索条件输入
值之后，回车还是对button1的检索。

追答

“要监听回车事件的控件”是你的文本框，而不是按钮

本回答被提问者采纳 参考技术C 你的问题解决了吗 参考技术D 2个不同的form就可以了

通过两个按钮放大/缩小页面文本[重复]

【中文标题】通过两个按钮放大/缩小页面文本[重复]

【英文标题】：Magnify/de-magnify page text via two buttons [duplicate]

【发布时间】：2016-12-30 10:21:13

【问题描述】：

我试图在网上找到解决问题的方法，但徒劳无功。我有两个按钮，一个是 + 符号，另一个是 - 符号。我想允许用户在按下 + 按钮时模拟按下 CTRL 和 + 键以及按下 - 按钮，模拟按下的 CTRL 和 - 键。

非常感谢您的任何帮助，非常感谢。

【参考方案1】：

不确定我是否完全理解这个问题，但我过去曾成功使用过这个问题。看看吧：http://jaukia.github.io/zoomooz/

【参考方案2】：

$(function() 
  
  var step = 0.2;

  $('.larger').click(function() 
    $('body *').each(function() 
      var actualSize = parseInt($(this).css('font-size'), 10);
      var newSize = actualSize / 10 + step;
      $(this).css('font-size', newSize+'rem');
    );
  );
  
  $('.smaller').click(function() 
    $('body *').each(function() 
      var actualSize = parseInt($(this).css('font-size'), 10);
      var newSize = actualSize / 10 - step;
      $(this).css('font-size', newSize+'rem');
    );
  );
  
);

html 
  font-size: 62.5%;

body 
  font-size: 1.6rem;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="larger">+</button>
<button class="smaller">-</button>
<h1>TEST</h1>
<p>
  lorem ipsum
</p>