不刷新页面响应超链接a标签的点击事件
2017-10-31 21:41
1686 查看
在网页设计,尤其是单页程序,比如angular的开发,很多时候需要让a标签(超链接)响应点击事件,但是却需要让它不刷新页面(比如,刷新页面一些状态,数据会丢失)。
我研究出了2种写法:
第一种:
href="javascript:void(0);"
完整代码
点击事件的javascript函数返回false
只要上面这段代码中的login函数返回false就可以
如果是单页程序比如angular建议用第一种方法。
我研究出了2种写法:
第一种:
href="javascript:void(0);"
完整代码
<a href="javascript:void(0);" (click)="login();">注册/登录</a>第二种:
点击事件的javascript函数返回false
<a href="#" (click)="login();false">注册/登录</a>
只要上面这段代码中的login函数返回false就可以
如果是单页程序比如angular建议用第一种方法。
相关文章推荐
- A标签上使用onclick事件,js函数响应成功,单会刷新当前页面陷阱
- IOS 集成百度地图 自定义显示标签 点击事件不响应
- 手机平台中QQ浏览器在页面中点击一个超链接会刷新整个页面问题解决
- mapabc高德地图显示多个点,并且每个marker点可以响应鼠标点击事件,处理跳转页面
- Dom2(页面加载事件,标签样式,刷新)
- 2013-2-5 Activity跳转,解决已存在Activity未刷新,导致列表点击事件不响应问题
- Android DrawerLayout侧滑页面点击事件无响应注意事项
- web前端开发中button标签点击后导致页面刷新
- 微信浏览器返回刷新,监听微信浏览器返回事件,网页防复制,移动端禁止图片长按和vivo手机点击img标签放大图片
- C++实现WebBrowser控件中对鼠标点击事件的监听,并获取所点击标签的超链接
- JS给页面标签添加事件(或超链接链接)
- 使用jquery on()方法解决html页面点击元素,事件无响应的问题
- JS给页面标签添加事件(或超链接链接)
- JSP页面onclick点击事件无法更换img标签里面的图片(例如点击更换验证码图片)
- jsp页面给标签加click点击事件
- asp.net 点击完按钮后刷新页面发现还会触发buttonClick事件
- 用<a>标签点击跳转页面不刷新的问题
- 关于jsp页面form标签里面的checkbox点击事件无效的原因之一
- jquery 触发a标签点击事件,弹出页面;不被浏览器屏蔽拦截的打开窗口的方法
- ASP.NET后台代码方式识别页面“按钮点击”和浏览器F5“刷新”事件