Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

用JS控制回车事件的代码_javascript技巧

WBOY
Freigeben： 2016-05-16 18:10:36
Original
1138 Leute haben es durchsucht

我们操作习惯也确实是喜欢用回车建来直接提交数据。经过对项目的一番检查，这其实是页面设计得不好，导致浏览器在加载时把退出登录按钮当成默认的按钮，所以一按回车就触这退出按钮事件。考虑到一个庞大的项目为了这个问题去改页面设计也不太现实，况且客户要求在有“保存”按钮时按回车按钮就触发“保存”按钮事件，有“下一步”按钮时就触发它的事件，有“提交”按钮时就触发相应的事件等等，如果一个个页面去改动那工作量可就大得惊人了。于是乎考虑用直接在模板header文件中用js来实现全站对回车按钮的事件触发，下面是相应的代码：

复制代码 代码如下:



其实也蛮简单的，就在模板文件中加入上面那段，先获取回车事件，然后就获取页面的所有按钮，一个个循环判断按钮ID是否符合你要求，是的就去触发按钮的事件。上面代码还存在一个问题就是当你页面中同时存在了那几个ID的按钮时，会导致触发所有按钮，至于如何改进就看实际应用场景了，而在我的项目中是不会出现同时存在这几个按钮，所以可以平安应用。
Verwandte Etiketten：
回车事件
Quelle：php.cn
Vorheriger Artikel：JavaScript与Image加载事件(onload)、加载状态(complete)_javascript技巧 Nächster Artikel：简单易用的基于jQuery版仿新浪微博向下滚动效果(附DEMO)_jquery
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Aktuelle Ausgaben
Wie kann ich in der mobilen Ansicht diese Navigationsleiste schließen, wenn der Benutzer auf den Link klickt? Wenn der Benutzer auf einen Link klickt, um die Website zu durchsuchen, wird die Navigatio...
Aus 2024-04-06 19:23:03
0
1
411
JavaScript-Hover-Ereignisse für herstellerspezifische Pseudoelemente 我有以下htmlinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',functi...
Aus 2024-04-06 15:35:24
0
1
274
React Three Fiber: Warum verzögern sich meine Scroll-Ereignisse? In ReactThreeFiber habe ich eine React-Komponente, die ein Sprite generiert, das ich über ...
Aus 2024-04-06 13:39:24
0
1
410
Möglichkeit, ASP Classic-Code als String in der MYSQL-Datenbank zu speichern Ist es möglich, klassischen ASP-Code in einer MySQL-Datenbank zu speichern und ihn beim Ab...
Aus 2024-04-06 13:38:43
0
1
358
Die Handhabung des NumberInput-Mausrads ignoriert die Filterung von Erfassungsphasenereignissen Sehr kurze Version: Ich stecke etwas fest und verstehe nicht ganz, warum dieser Code tatsä...
Aus 2024-04-05 12:21:04
0
1
1387
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage