程序员

flex中event.preventDefault()方法取消事件的默认行为

作者:admin 2021-04-14 我要评论

先看一个例子: 复制代码 代码如下: mx:DataGrid id= "songList" dataProvider= "{songDB}" width= "100%" height= "100%" editable= "true" itemEditEnd="itemE...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)
先看一个例子:
复制代码 代码如下:

<mx:DataGrid id= "songList" dataProvider= "{songDB}" width= "100%" height= "100%" editable= "true"
itemEditEnd="itemEditEndHandler(event)" itemEditBeginning= "itemEditBeginningHandler(event)"
>

其中itemEditBeginningHandler就可以这样控制:
复制代码 代码如下:

private function itemEditBeginningHandler(event:DataGridEvent): void
{
if (event.columnIndex== 0 || event.columnIndex== 3 ){
event.preventDefault();
}
}

当点击datagrid的第一和第四项时,itemEdit事件将不起作用。
下面是event.preventDefault()说明
如果可以取消事件的默认行为,则取消该行为。
许多事件都有默认执行的关联行为。例如,如果用户在文本字段中键入一个字符,则默认行为就是在文本字段中显示该字符。由于可以取消 TextEvent.TEXT_INPUT 事件的默认行为,因此您可以使用 preventDefault() 方法来防止显示该字符。
不可取消行为的一个示例是与 Event.REMOVED 事件关联的默认行为,只要 Flash Player 从显示列表中删除显示对象,就会生成该事件。由于无法取消默认行为(删除元素),因此 preventDefault() 方法对此默认行为无效。

您可以使用 Event.cancelable 属性来检查是否可以防止与特定事件关联的默认行为。如果Event.cancelable 的值为 true ,则可以使用 preventDefault() 来取消事件;否则,preventDefault() 无效。

本文转载自网络,原文链接:https://m.jb51.net/article/36230.htm

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 四两拨千斤——你不知道的VScode编码Ty

    四两拨千斤——你不知道的VScode编码Ty

  • 我是如何在 Vue 项目中做代码分割的

    我是如何在 Vue 项目中做代码分割的

  • position:sticky 粘性定位的几种巧妙应

    position:sticky 粘性定位的几种巧妙应

  • 从零到一搭建React组件库

    从零到一搭建React组件库