美文网首页
基础二:事件处理程序

基础二:事件处理程序

作者: 徐慵仙 | 来源:发表于2020-06-06 07:22 被阅读0次

事件的三个要素

  • 事件源
  • 事件类型
  • 事件处理函数
    如,给id为myBtn的按钮绑定一个事件处理程序,点击这个按钮显示,你点我嘎哈:
  1. btn变量:事件源
  2. onclick:事件类型,点击
  3. function:处理函数
<button id="myBtn">点我</button>
<script>
var btn=document.getElementById("myBtn");
btn.onclick=function(){
alert("你点我嘎哈!");
}
</script>

事件处理程序可改变的内容

1 改变内容

  • innerText (只改变内容)
  • innerHtml(带html标签)

2 改变属性:改变html标签的属性值

  • img的src
  • a标签的href

3 改变表单属性

input的type

4 改变样式

.style: 直接改样式
.class: 改变对应的class

相关文章

  • 基础二:事件处理程序

    事件的三个要素 事件源 事件类型 事件处理函数如,给id为myBtn的按钮绑定一个事件处理程序,点击这个按钮显示,...

  • JS 事件

    目录 事件流 事件处理程序HTML事件处理程序DOM0级事件处理程序DOM2级事件处理程序IE事件处理程序跨浏览器...

  • 原生node.js

    一、起步 二、事件驱动程序 // 绑定事件及事件的处理程序eventEmitter.on('eventName',...

  • 跨浏览器的事件处理程序

    事件处理程序有DOM0级事件处理程序、DOM2级事件处理程序,IE事件处理程序,DOM0级事件处理程序具有简单,跨...

  • 事件处理

    HTML事件处理程序 DOM0级事件处理程序 DOM2级事件处理程序 addEventListener()和rem...

  • 事件处理程序

    HTML事件处理程序 HTML程序和JS无法分离 DOM0级事件处理程序 DOM2级事件处理程序 DOM2级事件定...

  • DOM事件的问题!

    1.事件冒泡 2.事件捕获 事件处理程序 1.HTML事件处理程序 2.DOM 0级事件处理程序 3.DOM 2级...

  • RunLoop

    基础知识 作用 保持程序持续运行 处理app中的各种事件(如触摸事件、定时器事件【NSTimer】、selecto...

  • 关于JavaScript跨浏览器事件的处理

    一、4种事件处理程序 事件就是用户或浏览器自身执行的某种操作,而事件处理程序即为响应某个事件的函数。事件处理程序大...

  • 带你深入理解DOM0级事件处理程序!!!

    DOM0级事件处理程序 通过JavaScript指定事件处理程序的传统方式,就是将一个函数赋值给一个事件处理程序属...

网友评论

      本文标题:基础二:事件处理程序

      本文链接:https://www.haomeiwen.com/subject/thdttktx.html