在程序猿的工作中,经常会遇见一些表单数据的提交,对于有表单的东西而言,input输入框是非常常见的,所以对于一些input的基本事件,我们需要去掌握。
很多时候input框我们输入结束后都习惯直接按回车,而不是点击button。在form表单中可以实现点击回车即可提交表单,但如果只是一个单独的input框,则无法通过直接按回车来提交内容。
这种情况我们可以使用JavaScript脚本实现input框回车事件,其实现方法很简单,这里用到了jQuery框架,代码如下:只需要在script标签中直接加入以下内容即可。
$(document).ready(function () {
$("input").keydown(function (event) {
if (event.keyCode == 13) {
//这里写事件,例如写个 a();
}
});
});
这里给出一个input框示例:
<input type="text" autocomplete="off" placeholder="请输入英文单词"></input>
keycode==13即代表按下了回车键,同理可以通过更改此代码实现其他按键的触发事件。
下面是每个keycode的对应:
2 keyCode 8 = BackSpace BackSpace
3 keyCode 9 = Tab Tab
4 keyCode 12 = Clear
5 keyCode 13 = Enter
6 keyCode 16 = Shift_L
7 keyCode 17 = Control_L
8 keyCode 18 = Alt_L
9 keyCode 19 = Pause
10 keyCode 20 = Caps_Lock
11 keyCode 27 = Escape Escape
12 keyCode 32 = space
13 keyCode 33 = Prior
14 keyCode 34 = Next
15 keyCode 35 = End
16 keyCode 36 = Home
17 keyCode 37 = Left
18 keyCode 38 = Up
19 keyCode 39 = Right
20 keyCode 40 = Down
21 keyCode 41 = Select
22 keyCode 42 = Print
23 keyCode 43 = Execute
24 keyCode 45 = Insert
25 keyCode 46 = Delete
26 keyCode 47 = Help
27 keyCode 48 = 0 equal braceright
28 keyCode 49 = 1 exclam onesuperior
29 keyCode 50 = 2 quotedbl twosuperior
30 keyCode 51 = 3 section threesuperior
31 keyCode 52 = 4 dollar
32 keyCode 53 = 5 percent
33 keyCode 54 = 6 ampersand
34 keyCode 55 = 7 slash braceleft
35 keyCode 56 = 8 parenleft bracketleft
36 keyCode 57 = 9 parenright bracketright
37 keyCode 65 = a A
38 keyCode 66 = b B
39 keyCode 67 = c C
40 keyCode 68 = d D
41 keyCode 69 = e E EuroSign
42 keyCode 70 = f F
43 keyCode 71 = g G
44 keyCode 72 = h H
45 keyCode 73 = i I
46 keyCode 74 = j J
47 keyCode 75 = k K
48 keyCode 76 = l L
49 keyCode 77 = m M mu
50 keyCode 78 = n N
51 keyCode 79 = o O
52 keyCode 80 = p P
53 keyCode 81 = q Q at
54 keyCode 82 = r R
55 keyCode 83 = s S
56 keyCode 84 = t T
57 keyCode 85 = u U
58 keyCode 86 = v V
59 keyCode 87 = w W
60 keyCode 88 = x X
61 keyCode 89 = y Y
62 keyCode 90 = z Z
63 keyCode 96 = KP_0 KP_0
64 keyCode 97 = KP_1 KP_1
65 keyCode 98 = KP_2 KP_2
66 keyCode 99 = KP_3 KP_3
67 keyCode 100 = KP_4 KP_4
68 keyCode 101 = KP_5 KP_5
69 keyCode 102 = KP_6 KP_6
70 keyCode 103 = KP_7 KP_7
71 keyCode 104 = KP_8 KP_8
72 keyCode 105 = KP_9 KP_9
73 keyCode 106 = KP_Multiply KP_Multiply
74 keyCode 107 = KP_Add KP_Add
75 keyCode 108 = KP_Separator KP_Separator
76 keyCode 109 = KP_Subtract KP_Subtract
77 keyCode 110 = KP_Decimal KP_Decimal
78 keyCode 111 = KP_Divide KP_Divide
79 keyCode 112 = F1
80 keyCode 113 = F2
81 keyCode 114 = F3
82 keyCode 115 = F4
83 keyCode 116 = F5
84 keyCode 117 = F6
85 keyCode 118 = F7
86 keyCode 119 = F8
87 keyCode 120 = F9
88 keyCode 121 = F10
89 keyCode 122 = F11
90 keyCode 123 = F12
91 keyCode 124 = F13
92 keyCode 125 = F14
93 keyCode 126 = F15
94 keyCode 127 = F16
95 keyCode 128 = F17
96 keyCode 129 = F18
97 keyCode 130 = F19
98 keyCode 131 = F20
99 keyCode 132 = F21
100 keyCode 133 = F22
101 keyCode 134 = F23
102 keyCode 135 = F24
103 keyCode 136 = Num_Lock
104 keyCode 137 = Scroll_Lock
105 keyCode 187 = acute grave
我想将html转换为纯文本。不过,我不想只删除标签,我想智能地保留尽可能多的格式。为插入换行符标签,检测段落并格式化它们等。输入非常简单,通常是格式良好的html(不是整个文档,只是一堆内容,通常没有anchor或图像)。我可以将几个正则表达式放在一起,让我达到80%,但我认为可能有一些现有的解决方案更智能。 最佳答案 首先,不要尝试为此使用正则表达式。很有可能你会想出一个脆弱/脆弱的解决方案,它会随着HTML的变化而崩溃,或者很难管理和维护。您可以使用Nokogiri快速解析HTML并提取文本:require'nokogiri'h
在我的Controller中,我通过以下方式在我的index方法中支持HTML和JSON:respond_todo|format|format.htmlformat.json{renderjson:@user}end在浏览器中拉起它时,它会自然地以HTML呈现。但是,当我对/user资源进行内容类型为application/json的curl调用时(因为它是索引方法),我仍然将HTML作为响应。如何获取JSON作为响应?我还需要说明什么? 最佳答案 您应该将.json附加到请求的url,提供的格式在routes.rb的路径中定义。这
所以我在关注Railscast,我注意到在html.erb文件中,ruby代码有一个微弱的背景高亮效果,以区别于其他代码HTML文档。我知道Ryan使用TextMate。我正在使用SublimeText3。我怎样才能达到同样的效果?谢谢! 最佳答案 为SublimeText安装ERB包。假设您安装了SublimeText包管理器*,只需点击cmd+shift+P即可获得命令菜单,然后键入installpackage并选择PackageControl:InstallPackage获取包管理器菜单。在该菜单中,键入ERB并在看到包时选择
我有一个用户工厂。我希望默认情况下确认用户。但是鉴于unconfirmed特征,我不希望它们被确认。虽然我有一个基于实现细节而不是抽象的工作实现,但我想知道如何正确地做到这一点。factory:userdoafter(:create)do|user,evaluator|#unwantedimplementationdetailshereunlessFactoryGirl.factories[:user].defined_traits.map(&:name).include?(:unconfirmed)user.confirm!endendtrait:unconfirmeddoenden
我正在使用Rails构建一个简单的聊天应用程序。当用户输入url时,我希望将其输出为html链接(即“url”)。我想知道在Ruby中是否有任何库或众所周知的方法可以做到这一点。如果没有,我有一些不错的正则表达式示例代码可以使用... 最佳答案 查看auto_linkRails提供的辅助方法。这会将所有URL和电子邮件地址变成可点击的链接(htmlanchor标记)。这是文档中的代码示例。auto_link("Gotohttp://www.rubyonrails.organdsayhellotodavid@loudthinking.
我正在学习http://ruby.railstutorial.org/chapters/static-pages上的RubyonRails教程并遇到以下错误StaticPagesHomepageshouldhavethecontent'SampleApp'Failure/Error:page.shouldhave_content('SampleApp')Capybara::ElementNotFound:Unabletofindxpath"/html"#(eval):2:in`text'#./spec/requests/static_pages_spec.rb:7:in`(root)'
是否有简单的方法来更改默认ISO格式(yyyy-mm-dd)的ActiveAdmin日期过滤器显示格式? 最佳答案 您可以像这样为日期选择器提供额外的选项,而不是覆盖js:=f.input:my_date,as::datepicker,datepicker_options:{dateFormat:"mm/dd/yy"} 关于ruby-on-rails-事件管理员日期过滤器日期格式自定义,我们在StackOverflow上找到一个类似的问题: https://s
华为OD机试题本篇题目:明明的随机数题目输入描述输出描述:示例1输入输出说明代码编写思路最近更新的博客华为od2023|什么是华为od,od薪资待遇,od机试题清单华为OD机试真题大全,用Python解华为机试题|机试宝典【华为OD机试】全流程解析+经验分享,题型分享,防作弊指南华为o
C#实现简易绘图工具一.引言实验目的:通过制作窗体应用程序(C#画图软件),熟悉基本的窗体设计过程以及控件设计,事件处理等,熟悉使用C#的winform窗体进行绘图的基本步骤,对于面向对象编程有更加深刻的体会.Tutorial任务设计一个具有基本功能的画图软件**·包括简单的新建文件,保存,重新绘图等功能**·实现一些基本图形的绘制,包括铅笔和基本形状等,学习橡皮工具的创建**·设计一个合理舒适的UI界面**注明:你可能需要先了解一些关于winform窗体应用程序绘图的基本知识,以及关于GDI+类和结构的知识二.实验环境Windows系统下的visualstudio2017C#窗体应用程序三.
MIMO技术的优缺点优点通过下面三个增益来总体概括:阵列增益。阵列增益是指由于接收机通过对接收信号的相干合并而活得的平均SNR的提高。在发射机不知道信道信息的情况下,MIMO系统可以获得的阵列增益与接收天线数成正比复用增益。在采用空间复用方案的MIMO系统中,可以获得复用增益,即信道容量成倍增加。信道容量的增加与min(Nt,Nr)成正比分集增益。在采用空间分集方案的MIMO系统中,可以获得分集增益,即可靠性性能的改善。分集增益用独立衰落支路数来描述,即分集指数。在使用了空时编码的MIMO系统中,由于接收天线或发射天线之间的间距较远,可认为它们各自的大尺度衰落是相互独立的,因此分布式MIMO