版权声明:本站所提供的文章资讯、软件资源、素材源码等内容均为本作者提供、网友推荐、互联网整理而来(部分报媒/平媒内容转载自网络合作媒体),仅供学习参考,如有侵犯您的版权,请联系我,本作者将在三个工作日内改正。 https://blog.csdn.net/weixin_42323802/article/details/82780173
(一)引入外部的JS文件,通过<script src=“HTML文件路径” />的标签;
(二)点击事件绑定的2种方式;①在<input />标签内绑定onclick事件;
②匿名函数;
<input type="button" id="c1" value="点击事件1" onclick="show()"/>
<script type="text/javascript">
function show(){
alert("调用了click()函数");
}
</script>
<input type="button" id="c2" value="点击事件2">
<script type="text/javascript">
document.getElementById("c2").onclick=function f() {
alert("通过匿名函数绑定点击事件");
}
</script>
常见的事件;
属性 | 描述 |
---|---|
onblur | 元素失去焦点 |
onfocus | 元素获得焦点 |
onchange | 用户改变域的内容 |
onclick | 鼠标点击某个对象 |
ondblclick | 鼠标双击某个对象 |
onkeydown | 某个键盘的键被按下 |
onkeyup | 某个键盘的键被松开 |
onload | 某个页面或图像被完成加载 |
onmousedown | 某个鼠标按键被按下 |
onmouseout | 鼠标从某元素移开 |
onmouseover | 鼠标被移到某元素之上 |
onmouseup | 某个鼠标按键被松开 |
onsubmit | 提交按钮被点击 |