ASP.NET.MVC click方法和onclick事件的区别

开发工具与关键技术:VS2015  MVC
作者:超级小贱贱
撰写时间:2019年7月27日

在视图层中,分为Html部分和js部分,有些方法是原生态的,也有些方法是靠外部插件的。什么是原生态的呢?就是写的方法都是属于javescript里面的,也就是本身自带的Js里面。而外部插件,就比如说常用的jquery啊,layui或者bootstrap等等之类的广泛插件,但是呢,有的时候原生的还是原生的好用,假如在某些特定的条件下不能用插件,那也只能选择原生的方法了对不对?这次的文献内容呢,我想要说明一个点击事件的问题,一个来自jquery,另一个来自原生JavaScript,他们两者的写法和意义上到底有什么区别。
先说说onclick这个事件吧,先看代码
在这里插入图片描述
如图所示,我在视图层Html那部分代码里面给了一个点击事件οnclick=“TJCRoom3()”,然后
去到<script></script>层里面在写代码,也就JS那一部分
在这里插入图片描述
里面的内容其实不重要,就是开头的那个写法function TJCRoom3(),解析一下,当我点击了带有点击事件οnclick=“TJCRoom3()” 的“添加”按钮的时候(onclick不一定要放在里面,也可以放在其他地方,随机应变),它就会和点击事件绑定在一起,随后你下面写的方法,就告诉了浏览器当你点击它的时候需要做些什么,事件不需要程序要调用,但是必须由程序猿写一个函数并且将该函数赋值给相应的事件,使其在调用相应的事件时触发【告诉浏览器当鼠标在点击对应的按钮时需要做什么】。而click这个方法呢,则是程序猿在写语句的时候直接调用,即显示调用,先看一段代码:
在这里插入图片描述
Click方法的写法,就是先获取到你想点击的那个东东(按钮)的那个id值(没有就加上),然后在选用到jquery插件里面的click方法,就可以在下面继续写了,前提是一定要引入关于jquery的插件JS,否则都是空谈。说明一下,click本身是方法,作用是为了触发onclick这个事件,只要执行了元素的click方法,就会同等的触发onclick事件,click方法的只要作用是触发调用click方法元素onclick事件,实际上是模拟了鼠标的点击动作,另外呢,如果在click括号里面定义了其他可执行的语句或者参数,则click方法会在执行完onclick事件之后在执行括号里面的语句或者参数。
从头到尾,只要搞清楚,onclick是事件,是JavaScript内部自带的,是不需要引入任何的外部插件都能写的点击事件,而click这个方法,是要引入jquery插件并调用里面的click()方法来触发onclick事件的,两者是不同的概念,具体什么时候用onclick或者click,总结一下。
①:在页面初始化的时候已经给定固定的id时,click和onclick都可以正常使用
②当页面动态加载一个id时,在去使用click方法的时候就会失去作用了,必须使用onclick才可以正常运行。
③支持给动态元素绑定事件的只有jquery里面的 .live() 和 .on(),element.click()这种写法不支持给动态元素或样式绑定事件。.live()有个小问题,就是在jquery1.7版本的插件里面就不推荐使用了,所以还是多用 .on 比较好。使用 .on() 时注意,on全面的元素必须在页面初始化的时候就存在静态页面里面,这也是为什么方法不能正常使用的原因。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值