我有一个HTML文件:
<!DOCTYPE html>
<html>
<head>
<title>Insert</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="text/javascript" src="js/controlla.js"></script>
</head>
<body>
<div id="insert">
<img src="css/images/logo.png" alt="Search Engine Logo" />
<input id="#textboxone" onkeyup="scova(event)" type="text"/>
</div>
</body>
</html>
我按顺序插入了脚本引用(第一个jquery,第二个是我的函数文件).在我的函数文件中,输入框中的onkeyup事件有函数scova(事件),不可能使用jQuery引用$.
例如:
function scova(e) {
var valore = document.getElementById('#textboxone').value;
var valjquiro = $('#textboxone').val();
console.log('il valore di javascript: ' + valore);
console.log('il valore di jaquirro: '+valjquiro);
};
在浏览器控制台中(在数字'test'之后),我得到:
il valore di javascript: test
il valore di jaquirro: undefined
如何在我的函数文件中使用JQuery？如何$在我的controlla.js中使用jquery的引用？
更改
<input id="#textboxone" onkeyup="scova(event)" type="text"/>
至
<input id="textboxone" onkeyup="scova(event)" type="text"/>
所以这$('#textboxone')不会是一个空的对象.
一旦你完成了,也可以 document.getElementById('#textboxone')通过删除#.