JavaScript事件与处理程序绑定(1)

1.事件与处理程序的绑定

1.一般可以使用两种方式将对象事件与处理程序代码进行绑定

第一种方式：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title><script>var flag = 0;  //当做点击的标记function changeSize() {if(flag==0) {  //点击第一下的时候字体变大var obj= document.getElementById("text");obj.style.fontSize="30px";flag = 1;} else {      //点击第二下的时候字体变小var obj2 = document.getElementById("text");obj2.style.fontSize="16px";flag = 0;}}</script></head><body>//当单击段落时，将段落文本大小更改为30px<p id="text" onclick="changeSize()">事件与处理程序</p></body>
</html>

第二种方式：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><body>//js代码要写在p标签的后面，因为写在前面就访问不到p标签id的text属性值<p id="text">事件与处理程序</p><script>document.getElementById("text").onclick=function() {var obj= document.getElementById("text");obj.style.fontSize="30px"; }           </script></body>
</html>

JavaScript事件与处理程序绑定(1)相关推荐

javaScript事件（二）事件处理程序
一.事件二.事件流以上内容见:javaScript事件(一)事件流三.事件处理程序前面提到,事件是用户或浏览器自身执行的某种动作,如click,load和mouseover都是事件的名字.响应 ...
JavaScript事件绑定
本文介绍一些JavaScript事件绑定的常用方法及其优缺点,同时在最后展示一个由 Dean Edwards 写的一个比较完美的事件绑定方案. 传统方式 element.onclick = funct ...
addeventlistener事件第三个参数_简析JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序...
这篇文章主要介绍了javaScript 事件绑定.事件冒泡.事件捕获和事件执行顺序整理总结的相关资料 (一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式:在htm ...
JavaScript事件绑定的方法说明收藏
JavaScript事件绑定的方法说明收藏事件使得客户端的 JavaScript 有机会被激活,并得以运行.在一个 Web 页面装载之后,运行脚本的唯一方式,就是响应系统或者用户的动作.虽然从第一 ...
jQuery向未来的元素添加事件处理程序(绑定事件)
2019独角兽企业重金招聘Python工程师标准>>> jQuery向未来的元素添加事件处理程序 ,使用 delegate() 方法向尚未创建的元素添加事件处理程序(绑定事件) $( ...
javascript事件处理程序
javascript 事件处理程序 1.普通事件处理程序 <input type="button" value="click me" οnclick=&q ...
读《Javascript高级程序设计》中的javascript事件处理程序（事件侦听器）心得
今天读了<Javascript高级程序设计>中的javascript事件处理程序(事件侦听器)部分的内容,总结一些自己的心得: 事件就是用户或者浏览器自身执行的某种动作.例如click . ...
JavaScript事件处理程序的3种方式
最近这段时间因为每天要修改网站,为网站做特效,所以看了很多的js接触事件,自己只会使用一小部分,有时用的时候也比较混乱,现在系统的整理了一下,首先跟大家在马海祥博客上跟大家分享的是JavaScript ...
简析JavaScript 事件绑定、事件冒泡、事件捕获和事件执行顺序
JavaScript 事件绑定.事件冒泡.事件捕获和事件执行顺序这篇文章主要介绍了javaScript 事件绑定.事件冒泡.事件捕获和事件执行顺序整理总结的相关资料 (一)事件绑定的几种方式 jav ...

JavaScript事件与处理程序绑定(1)

1.事件与处理程序的绑定

JavaScript事件与处理程序绑定(1)相关推荐

最新文章

热门文章