[英]How do i call a javascript function from a text field without submit button?
我已经用一些JavaScript代码创建了一个HTML页面。 这是代码
<script type="text/javascript">
function doIt(){
window.location = document.getElementById('url').value;
}
</script>
<input type="text" id="url" />
我希望有人在键入URL后按Enter键。 页面自动重定向到给定的URL。 我该怎么做？ 请给我建议一些代码
如果您不使用jQuery，则下面是一个完整的示例：
function addEvent(obj, type, fn) {
if (obj.attachEvent) {
obj['e' + type + fn] = fn;
obj[type + fn] = function() {
obj['e' + type + fn](window.event);
}
obj.attachEvent('on' + type, obj[type + fn]);
} else obj.addEventListener(type, fn, false);
}
addEvent(window, 'load', function() {
addEvent(document.getElementById('url'), 'keyup', function(e) {
var code = (e.keyCode ? e.keyCode : e.which);
if (code == 13)
window.location.href = this.value;
});
});
示例 -http://jsfiddle.net/4PDt4/
感谢addEvent代码段： -http : //ejohn.org/projects/flexible-javascript-events/
观看现场演示， 网址为http://jsfiddle.net/qiao/RGqwD/2/
var input = document.getElementById('url');
input.onkeydown = function(e) {
var key = e.keyCode || e.which;
if (key == 13) {
window.location = input.value;
}
};
使用以下代码：
<html>
<html>
<head>
<script type="text/javascript">
function doIt(){
window.location.href = document.getElementById('url').value;
}
document.onkeypress=function(e){
var e=window.event || e;
if(e.keyCode===13) doIt();
}
</script>
</head>
<body>
<input type="text" id="url" value="http://www."/>
</body>
</html>
这是解决方案： http : //jsfiddle.net/YBLQx/1/
JS
(function () {
var textField = document.getElementById('foo');
function addHandler(el, event, handler) {
if (el.addEventListener) {
el.addEventListener (event, handler, false);
} else if (el.attachEvent) {
el.attachEvent (event, handler);
}
}
addHandler(textField, 'keydown', textEntered);
function textEntered(event) {
if (event.keyCode === 13) {
window.location = textField.value;
}
}
}());
HTML
<input type="text" id="foo" />
最好的祝福！
<input type="text" id="url" onblur="window.location.href='this.value'" />
以上是如果焦点被取出，例如按Tab
然后输入，编写onkeydown处理程序
<script type="text/javascript">
document.getElementById('url').onkeydown = function(e) {
var keyCode = e.keyCode || e.which;
if (keyCode === 13) {
window.location.href = this.value;
}
}
</script>
您需要将按键事件处理程序附加到文本框。 在事件处理程序中，您将检查是否按下了输入的键。 如果是这样，请执行重定向。 查找事件处理程序。
如何从Perl中的Submit按钮的onclick事件中调用Javascript函数？
[英]How do I call a Javascript Function from onclick event of submit button in Perl?
如何使用提交按钮创建一个文本框，使用js或jQuery单击javascript函数执行回调？
[英]How do I create a text box with a submit button that performs a callback on click to a javascript function using js or jQuery?
如何将 HTML 文本字段中的数据提交到 JavaScript 变量？
[英]How do I submit data from a text field in HTML to a JavaScript variable?
如何使用 JavaScript 提交没有提交按钮的“文件”输入？
[英]How do I submit a "file" input without submit button using JavaScript?
提交按钮点击事件mvc后如何调用javascript function
[英]How to call javascript function after submit button click event mvc
如何在类似于onsubmit =“return javascript function”的FORM中的提交按钮上执行php函数？
[英]How do I execute php function on submit button in a FORM similar to onsubmit=“ return javascript function”?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.