javascript onclick事件可以调用两个方法吗？

答案是:可以的,onclick事件可以调用多个方法,每个方法之间用分号(:)隔开即可. onclick后面其实是可以写任何代码的,但是一般不建议这么写!! 例:onclick="fun1(); fun2(); fun3()" 小案例最近在一本书里看到一个JavaScript图片库的例子,作者希望能留在这个网页而不是转到另一个窗口,结构如下: 将图片路径直接给到一个链接中,会遇到一个问题: 触发点击事件,不仅会触发showPic函数,链接被点击的默认行为也会被调用,这样图片还是会在另一…

javascript中onclick事件能调用多个方法吗

Q: javascript中onclick事件能调用多个方法吗? A: 可以的,方法如下onclick="aa();bb();cc();"每个方法用“;”分号隔开就行了…

动态生成的DOM不会触发onclick事件的原因及解决方法

最近朋友在做一个项目的时候,遇到动态加载微博内容,然后点击“展开评论”后获取该微博的所有评论.这里使用了动态加载的<span mid='123456789′ class='get_comment'>点击加载评论</span>. 然后再写 $(“.get_comment).click(function(){ //响应事件逻辑 }) 发现click事件并不会触发,使用控制台侦听也木有错误.百思不得其解时, 因为我在以前做搜狐家居商城的运费管理时,也曾遇到,因此将焦点落在动态加载…

c#中onclick事件请求的两种区别

在C#中如果是asp控件的button有两个click的调用,一个是OnClick,一个是OnClientClick.那么这两者有什么区别呢,下面就来说说区别. <asp:Button ID="Button1" runat="server" Text="Button" OnClick="Page_Load" OnClientClick="one()" /> 首先你会看到这个button前面有as…

js阻止事件冒泡的两种方法

1.什么是JS事件冒泡在一个对象上触发某类事件(比如单击onclick事件),如果此对象定义了此事件的处理程序,那么此事件就会调用这个处理程序,如果没有定义此事件处理程序或者事件返回true,那么这个事件会向这个对象的父级对象传播,从里到外,直至它被处理(父级对象所有同类事件都将被激活),或者它到达了对象层次的最顶层,即document对象(有些浏览器是window). 2.阻止方法方法一:event.stopPropagation( ) <div> <p>段落文本内容 &…

WPF Loaded事件连续调用两次的问题

最近开发的一套系统中,在检查开发成员的代码时候,在Loaded事件中加上以下语句: this.Loaded -= new RoutedEventHandler(***_Loaded);这让我觉得有些奇怪.如是参照系统中的代码逻辑写了一个demo. MainWindow代码如下: private void Window_Loaded(object sender, RoutedEventArgs e) { TabItem item = new TabItem(); UserControl1 test…

JavaScript模板引擎artTemplate.js——两种方法实现性别的判定

template.helper(name, callback) name:必传,辅助事件的名称. callback:必传,辅助事件的回调函数. return:undefined 所谓的辅助事件,主要用于处理一些参数. 例如:性别,我们通常存储0和1来表示女和男,但是界面其实要展示的是“女”和“男”字符串信息. 1.使用helper()方法来实现男女的展示: <div id="user_info"></div> <script src="../js…

javascript 实现字符串反转的两种方法

第一种方法:利用数组方法 //先split将字串变成单字数组,然后reverse()反转,然后将数组拼接回字串 var str = "abcdef"; str.split("").reverse().join('') 第二种方法:暴力遍历 var str="abcdef" ,str2=""; var i=str.length; i=i-1; for (var x = i; x >=0; x--) { str2 += st…

JavaScript DOM事件对象的两个小练习 | 学习内容分享

Event 对象 Event 对象代表事件的状态,比如事件在其中发生的元素.键盘按键的状态.鼠标的位置.鼠标按钮的状态. 事件通常与函数结合使用,函数不会在事件发生前被执行! 本文用于记录个人学习过程中的两个小练习,其中包括事件对象的一些用法和问题的解决以及兼容性问题获取鼠标指针坐标 div跟随鼠标移动练习 1 获取鼠标指针坐标两个div,当鼠标在上面的div#areaDiv移动时,在下面的div#showMsg中显示鼠标指针坐标 <!DOCTYPE html> <html>…

JavaScript的事件对象_其他属性和方法

在标准的 DOM 事件中,event 对象包含与创建它的特定事件有关的属性和方法.触发的事件类型不一样,可用的属性和方法也不一样. 在这里,我们只看所有浏览器都兼容的属性或方法.首先第一个我们了解一下 W3C 中的 target 和 IE 中的 srcElement,都表示事件的目标. <script type="text/javascript"> function getTarget(evt) { var e = evt || window.event; return e…

javascript面向对象方式，调用属性和方法

1.定义一个Person类,其中的属性和方法如果想对外开放,需要使用this,如: var Person=function(name,age,sex){ var psex='Boy'; if(sex){ psex=sex; } this.name=name; this.age=age; this.speak=function(){ console.log('My name is '+this.name+';I am '+this.age+' years old'+';I am a '+psex)…

用javascript获得地址栏参数的两种方法

javascript获得地址栏参数. 方法1: <script language="JavaScript"> //取地址栏参数 <!-- function Request(strName) { var strHref = "www.jbxue.com /index.html?a=1&b=1&c=测试测试"; var intPos = strHref.indexOf("?"); var strRight = str…

javascript原型继承中的两种方法对比

在实际的项目中,我们通常都是用构造函数来创建一个对象,再将一些常用的方法添加到其原型对象上.最后要么直接实例化该对象,要么将它作为父类,再申明一个对象,继承该父类. 而在继承的时候有两种常用方式,今天我们就来稍作探讨 //父类 function Person(name){ this.name = name; }; // 子类 function Student(sex){ Person.apply(this,arguments); //继承父类的构造函数 this.sex=sex;10 }; 1,…

JavaScript 区分中英文字符的两种方法: 正则和charCodeAt()方法

正则无疑是最强大的判断各种条件的方法, 最近也在研习它, 虽然枯燥, 但仍有乐趣. 用它来判断一个双字节的中文字符也是轻而易举地. 而判断中文字符, 简单且执行效率高. regExpForm.onblur=function(){ entryVal=this.value; entryLen=entryVal.length; cnChar=entryVal.match(/[^\x00-\x80]/g);//利用match方法检索出中文字符并返回一个存放中文的数组 entryLen =cnC…

javascript中字符串截取的两种方法

var testStr = "hello kay!"; 1.substr testStr.substr(1) ->ello kay! testStr.substr(1,4) ->ello (4是长度) 2.substring testStr.substring(1) ->ello kay! testStr.substr(1,4) ->ello(4是第4个字符)…

[转]javascript指定事件处理程序包括三种方式：

javascript指定事件处理程序包括三种方式: (1):DOM0级事件处理程序如: 代码如下: var btn=document.getElementById("mybtn"); //取得该按钮的引用 btn.onclick=function(){ alert('clicked'); alert(this.id); // mybtn 以这种方式添加的事件处理程序会在事件流的冒泡阶段被处理. 删除DOM0级方法指定的事件处理程序: btn.onclick=null; // 删除事件…

浅谈JavaScript的事件（事件处理程序）

事件就是用户或者浏览器自身执行的某种动作.诸如click.load和mouseover,都是事件的名字.而响应某个事件的函数就叫事件处理程序.事件处理程序的名字以"on"开头,比如click事件的事件处理程序是onclick.为事件指定事件处理程序的方式有多种方式. HTML事件处理程序元素支持的事件,都可以使用与相应事件处理程序同名的HTML特性来指定.这个特性的值能支持一定的JavaScript代码.例如,在单击按钮的时候执行一些JavaScript代码. <div id=…

浅谈JavaScript之事件(上)

一简述JavaScript及其在浏览器中的地位 (一) 浏览器主要构成虽然不同浏览器之间存在差异(如Google Chrome,Firefox,Safari和IE等),但单从浏览器构成来说,大同小异,大致可归结为如下几类: 1.User Interface(用户界面):所谓用户界面,就是通过浏览器渲染出来,让用户可见的界面,如地址栏,书签菜单栏等: 2.Browser Engine(浏览器引擎):主要操作呈现的引擎界面: 3.Rendering Engine(渲染引擎):负责渲染响应请求…

javaScript之事件处理程序

事件就是用户或浏览器自身执行的某个动作,JavaScript与HTML的交互也是通过事件实现的.而相应某个事件的函数就叫做事件处理函数.包括以下几种: 1.HTML事件处理程序某个元素支持的每种事件,都可以使用一个相应的事件处理程序相同的HTML特性指定.这个特性的值能执行JavaScript代码. <input type=”button” value=”按钮” onclick=”showMessage()”> <script> function showMessage()…

javascript中事件总结&通用的事件侦听器函数封装&事件委托

前言: JAVASCRIPT与HTML之间的交互是通过事件来实现的.事件,就是文档或浏览器窗口中发生的一些特定交互瞬间.可以使用侦听器( 或处理程序 )来预定事件,以便事件发生时执行相应的代码.这种在传统软件工程中被称为观察员模式的模型,支持页面的行为与页面的外观之间的松散耦合. 事件最早是在IE3和Netscape Navigator 2中出现的,当时是作为分担服务器运算负载的一种手段.在IE4和Navigator 4发布时,这两种浏览器都提供了相似但是不同的API, 这些API并存经历了好几…

JavaScript的事件绑定及深入

事件绑定分为两种:一种是传统事件绑定(内联模型,脚本模型),一种是现代事件绑定 (DOM2 级模型).现代事件绑定在传统绑定上提供了更强大更方便的功能. 一．传统事件绑定的问题传统事件绑定有内联模型和脚本模型,内联模型我们不做讨论,基本很少去用.先来看一下脚本模型,脚本模型将一个函数赋值给一个事件处理函数. var box = document.getElementById('box'); //获取元素 box.onclick = function () { //元素点击触发事件 alert(…

HTML 学习笔记 JavaScript（事件）

事件流: 事件流: 描述的是从页面中接收事件的顺序也可以理解为事件在页面中传播的顺序: 事件: 就是用户或浏览器自身执行的某种动作例如 click(点击) load(加载) mouseover(鼠标悬停) 事件处理程序: 响应某个事件的函数就叫事件处理程序(或事件侦听器) 下面所示例子注册事件的方式均使用DOM2级事件定义的事件处理程序进行注册.DOM2级事件定义可两个方法,用于处理指定和删除事件处理程序的操作:addEventListener()和removeEventListener()…

JavaScript中判断对象类型的种种方法

我们知道,JavaScript中检测对象类型的运算符有:typeof.instanceof,还有对象的constructor属性: 1) typeof 运算符 typeof 是一元运算符,返回结果是一个说明运算数类型的字符串.如:"number","string","boolean","object","function","undefined"(可用于判断变量是否存在). 但 type…

转 JavaScript中判断对象类型的种种方法

【winform】基于UserControl实现webBrower组件时html页面元素加载及onclick事件监听实现

[背景]基于System.Windows.Forms.UserControl实现的webBrower组件在html内使用window.external调用winform事件失败. [解决思路]借助winform的HtmlElementEventHandler完成html 页面元素点击时winform执行相应方法. HTML <input type="button" id="searchBtn" onclick="searchResource()&qu…

JS事件绑定的两种形式

第一种: obj.on*=function(){} var btn=document.getElementById('myBtn'); btn.onclick=function(){ alert(1); } 这种方法是很常用,就是将一个函数赋值给一个事件处理程序. 它的优点是简单,然后具有跨浏览器的优势,现代所有浏览器都支持. 如果要取消这种形式绑定的事件,可以将事件处理程序属性的值设为null: btn.onclick=null; //删除事件处理程序但是,这种形式的绑定有一个缺点,那就是不…

在List中找出最大值的两种方法

先说需求:找出一个对象List中,某个属性值最大的对象. 1.定义对象 private class A { public int ID { get; set; } public string Name { get; set; } } 2.为两种方法定义两个时间段全局变量. 1 private static TimeSpan compare = new TimeSpan(); private static TimeSpan order = new TimeSpan(); 3.第一种方法:对列表…

SpringBoot框架：两个方法同时调用时父方法使内部方法的DataSource注解失效的解决办法

一.问题如下: 使用的是SpringBoot框架:通过AOP和自定义注解完成druid连接池的动态数据源切换(三)中的两个数据库spring_boot_demo和other_data. 在UserController中同时调用两个方法getAgeOfUser()和getAgeOfUser2(),这里方法里都是使用UserService中的同一方法接收数据. 不同的是在getAgeOfUser2()上使用了DataSource(DataSourceName.SECOND)自定义注解来切换数据源,当…

JavaScript的 onclick 事件是如何调用jquery 方法的

看见个不错的问答,关于JavaScript的 onclick 事件是如何调用jquery 方法的,特此标注,链接如下:http://segmentfault.com/q/1010000000333507…

javascript 的button onclick事件不起作用的解决方法

在项目中遇到个问题:servlet向前端返回如下按钮,当course_ID为数字是onclick事件正常,但当course_ID含有字母时onclick事件就不起作用.网上找了很多方法都不管用,最后自己摸索到了一个方法,解决了问题. [权记于此] 有问题者: out.print("<td><input type='button' id='tb_delete_course_btn" + index + "' value='删…

【javascript onclick事件可以调用两个方法吗？】的更多相关文章