为input标签绑定事件的几种方式
2017-12-14 18:35
253 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>为标签绑定事件</title>
<script>
function danji(){
alert("hello javascript");
}
</script>
</head>
<body>
<p>单击按钮触发函数。</p>
<input type="button" value="添加" id="submit"
onclick="danji()">
</body>
</html>
这是JavaScript原生态的方式，直接复制上面的代码就会有相应的效果
而下面这种方式必须事先导入导入js的包才有效果！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>为标签绑定事件</title>
<script type="text/javascript" src="../../../framework/jquery/jquery-1.7.min.js"></script> /*我导入的包是相对于我自己项目的相对路径，大家根据自己情况修改*/
<script>
$("#submit").click(function(){
alert("hello");
})
</script>
</head>
<body>
<p>单击按钮触发函数。</p>
<input type="button" value="添加" id="submit">
</body>
<body>
第二种方式本质上可以为任何id绑定已存在的事件，比如鼠标双击事件，键盘按下事件，键盘释放事件，失去焦点事件等等，为某个id绑定事件用第二种方式基本没什么问题，均可以有相应的实现。在此不再一 一赘述，本着只是想起到一个抛砖引玉的作用. . . . . .
如果大家有更好的方法欢迎评论留言！谢谢
<html>
<head>
<meta charset="utf-8">
<title>为标签绑定事件</title>
<script>
function danji(){
alert("hello javascript");
}
</script>
</head>
<body>
<p>单击按钮触发函数。</p>
<input type="button" value="添加" id="submit"
onclick="danji()">
</body>
</html>
这是JavaScript原生态的方式，直接复制上面的代码就会有相应的效果
而下面这种方式必须事先导入导入js的包才有效果！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>为标签绑定事件</title>
<script type="text/javascript" src="../../../framework/jquery/jquery-1.7.min.js"></script> /*我导入的包是相对于我自己项目的相对路径，大家根据自己情况修改*/
<script>
$("#submit").click(function(){
alert("hello");
})
</script>
</head>
<body>
<p>单击按钮触发函数。</p>
<input type="button" value="添加" id="submit">
</body>
<body>
第二种方式本质上可以为任何id绑定已存在的事件，比如鼠标双击事件，键盘按下事件，键盘释放事件，失去焦点事件等等，为某个id绑定事件用第二种方式基本没什么问题，均可以有相应的实现。在此不再一 一赘述，本着只是想起到一个抛砖引玉的作用. . . . . .
如果大家有更好的方法欢迎评论留言！谢谢
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
- jquery同一标签绑定多个事件的几种方式
- jquery同一标签绑定多个事件的几种方式
- React事件绑定的几种方式对比
- jquery 给动态生成的标签绑定事件的几种方法总结
- Javascript事件绑定的几种方式
- Javascript事件绑定的几种方式
- Javascript事件绑定的几种方式
- HTML中几种为<button>绑定点击事件的方式比较
- js事件绑定的几种方式
- js中事件绑定的几种方式
- HTML中几种为<button>绑定点击事件的方式比较
- jquery几种事件绑定方式的比较
- js事件绑定的几种方式
- JavaScript中利用jQuery绑定事件的几种方式小结
- Js绑定事件的几种方式
- 事件绑定的几种常见方式
- js事件绑定的几种方式
- input标签绑定click事件无反应
- JS与JQ绑定事件的几种方式.