为input标签绑定事件的几种方式
来源:互联网 发布:数据分析就业行业 编辑:程序博客网 时间:2024/05/20 10:14
<!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绑定事件用第二种方式基本没什么问题,均可以有相应的实现。在此不再一 一赘述,本着只是想起到一个抛砖引玉的作用. . . . . .
如果大家有更好的方法欢迎评论留言!谢谢
- 为input标签绑定事件的几种方式
- jquery同一标签绑定多个事件的几种方式 && js实时监听input中值变化
- js事件绑定的几种方式
- Javascript事件绑定的几种方式
- Javascript事件绑定的几种方式
- Javascript事件绑定的几种方式
- Javascript事件绑定的几种方式
- Js绑定事件的几种方式
- 事件绑定的几种常见方式
- jquery的几种事件绑定方式
- 事件绑定的几种方式
- jquery同一标签绑定多个事件的几种方式
- 使用jQuery为input输入框绑定回车键事件 VS 为a标签绑定click事件
- jquery几种事件绑定方式的比较
- JavaScript中绑定事件的几种方式
- js中的几种事件绑定方式
- a标签添加onclick事件的几种方式
- input标签绑定click事件无反应
- 剑指offer 编程题(6):旋转数组
- Nginx部署
- 112. Path Sum
- mybatis不同数据库共用同个事物
- Mysql varchar自增ID
- 为input标签绑定事件的几种方式
- 哈夫曼树与哈夫曼编码
- 在centos7下使用systemctl加入自建服务
- Django死活不跳转的问题
- 字符串模板(Python)
- TCP UDP
- CSAPP Note chap7
- 浅谈Spring的事务配置注意点
- windows上安装mongodb