博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
angular 按下回车键触发事件
阅读量:5102 次
发布时间:2019-06-13

本文共 1062 字,大约阅读时间需要 3 分钟。

angularJs  按下回车键触发事件这个功能很简单,但是今天的却让我掉坑很久。。。。

由于我的页面上有两个不同方法都传$event事件,如search($event)和create($event);

html代码:

<input type="text" placeholder="支持空格及英文逗号分隔"

ng-model="ipAdress"
required
style="display: inline-block;height: 37px;width: 96%;float: left;"
ng-keypress="($event.which === 13)?search($event):0"/>

我用的是ng-keypress方法,search($event)是我想要按下回车触发的函数,传值$event是为了在search函数执行时阻止默认事件。

js处理:

function search($event){

     //to do someing.........

  $event.preventDefault();//阻止默认事件(如果不写这个create($event)函数里边的内容也会执行)

}

强调:这里必须用preventDefault()方法,而不是stopPrapagation();这两个是不同的;这里我给大家简单普及一下。

严格来说stopPropagation与preventDefault其实没什么关系,一个是停止传播事件,一个是阻止默认的行为(如<a>标签的地址跳转等)。

用下边例子给大家演示一下就知道了。

preventDefault()方法示例:
JS阻止链接跳转 百度
stopPropagation()用法示例: 阻止JS事件冒泡传递(cancelBubble 、stopPropagation)

This is parent1 div.

This is child1.

This is parent1 div.

This is parent2 div.

This is child2. Will bubble.

This is parent2 div.

 

转载于:https://www.cnblogs.com/shixy1617/p/7804308.html

你可能感兴趣的文章
Git 常用命令 和 安装
查看>>
http之url和uri
查看>>
python常用模块②
查看>>
Idea 设置根目录
查看>>
深度优先搜索算法
查看>>
写第一个驱动之前
查看>>
hysbz 2243 染色(树链剖分)
查看>>
JavaScript提高:006:ASP.NET使用easyUI TABS标签updatepanel
查看>>
Clojure实现的简单短网址服务(Compojure、Ring、Korma库演示样例)
查看>>
FindWindowEx使用方法
查看>>
Touch panel DTS 分析(MSM8994平台,Atmel 芯片)
查看>>
Ubuntu下deb包的安装方法
查看>>
很具体GC学习笔记
查看>>
支持向量机随笔
查看>>
List删除行问题
查看>>
Linux 基础知识
查看>>
开辟新空间输入成绩
查看>>
Android屏幕适配
查看>>
c#使用XSLT将xml文档转换为html文档
查看>>
管道符、重定向、环境变量
查看>>