JS事件的默认行为有哪些

JavaScript024

JS事件的默认行为有哪些,第1张

很多的网页元素都会有默认的行为,比如说当你点击一下超链接a标签的时候,它会有一个跳转的行为;当你在网页上点鼠标右键时会出现一个右键菜;当你在一个form表单里点击提交按钮时网页会产生提交行为并刷新网页,当你网页上滚动鼠标滚轮时,网页的滚动条会动等等。这些都叫事件的默认行为,如果想把这默认行为取消了,相应的JS代码如下:a.onclick=function(){return false}//在方法里加个return false,就阻止超链接点击时的跳转行为了document.oncontextmenu=function(){/* 在这里你还可以加一些代码,实现自定义的右键菜单 */return false//系统自带的右键菜单就失效了}Form.onsubmit=function(){return false}//这样表单就不会产生提交行为了document.onmousewheel=function(){return false}//IE和chrome的方式,取消鼠标的滚轮的默认行为,网页的滚动条就不会动了document.addEventListener('DOMMouseScroll',function(e){e.preventDefault=true})//功能同上,火狐的方式。火狐只能用DOM二级的绑定方式,并且用e.preventDefault=true我们要知道常见的事件默认行为有那些,并且要知道阻止默认行为,只要在绑定到这个行为事件的方法里最后加一句:return false就可以了。但要强调注意的是:如果你的事件绑定是用addEventListener来实现的,那阻止默认行为必须用e.preventDefault=true。

1、前端使用knockoutJs框架,在foreach遍历中添加弹出框事件,如何对foreach出来的数据进行修改?

试过其他几种方法,是可以更新数组中的数据,但是页面没有变化。也没有找到刷新数组可行的方法。不知道有没有更好的办法。

2、在 data-bind="click: $parent.sale" ,如果想传递参数的话, 那么进到页面默认就会加载一次,如果是循环的话,那么就会循环N次。如果想传参数,但是又不让事件默认加载的话,可以使用匿名的方法,如下:

  

文档上说了在事件后面加上 .prevent就可以阻止默认事件了。

比如 :

<!-- 阻止单击事件冒泡 -->

<a v-on:click.stop="doThis"></a>

<!-- 提交事件不再重载页面 -->

<form v-on:submit.prevent="onSubmit"></form>

<!-- 修饰符可以串联 -->

<a v-on:click.stop.prevent="doThat">

<!-- 只有修饰符 -->

<form v-on:submit.prevent></form>

1、我这里就不去请求服务器了.我觉得解析服务器的JSON数据,其明白最基本的原理即可有同样的效果。

2、我这里就写一个JSON字符串。

3、然后我们用$.each遍历这个json对象,但是在遍历的时候你会发现遍历不了。原因是因为要先解析成JS字符串。用JSON.parse()。

4、解析之后我们才可以去用$.each去遍历出来。

5、我们到浏览器里控制器里可以看到结果。对应的key 跟 value都已经打印出来了。现在你就可以去渲染页面了。从服务器来的数据也是一样。首先先解析,解析完了遍历.然后打印出来看下,之后在渲染。