1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > angularjs中按回车事件_angular 按下回车键触发事件

angularjs中按回车事件_angular 按下回车键触发事件

时间:2022-08-03 20:05:00

相关推荐

angularjs中按回车事件_angular 按下回车键触发事件

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

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

html代码:

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其实没什么关系,一个是停止传播事件,一个是阻止默认的行为(如标签的地址跳转等)。

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

preventDefault()方法示例:

JS阻止链接跳转

functionstopDe

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。