`

event.preventDefault() 取消事件的默认行为

    博客分类:
  • AS
阅读更多

http://blog.csdn.net/xiang08/archive/2009/05/05/4152351.aspx

原创   event.preventDefault() 取消事件的默认行为。 收藏

<script type="text/javascript"> document.body.oncopy = function() { if (window.clipboardData) { setTimeout(function() { var text = clipboardData.getData(&quot;text&quot;); if (text &amp;&amp; text.length &gt; 300) { text = text + &quot;\r\n\n本文来自CSDN博客,转载请标明出处:&quot; + location.href; clipboardData.setData(&quot;text&quot;, text); } }, 100); } } </script><script type="text/javascript"> function StorePage() { d = document; t = d.selection ? (d.selection.type != 'None' ? d.selection.createRange().text : '') : (d.getSelection ? d.getSelection() : ''); void (keyit = window.open('http://www.365key.com/storeit.aspx?t=' + escape(d.title) + '&amp;u=' + escape(d.location.href) + '&amp;c=' + escape(t), 'keyit', 'scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes')); keyit.focus(); }</script>

先看一个例子:

 

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

其中itemEditBeginningHandler就可以这样控制:

  1. private  function itemEditBeginningHandler(event:DataGridEvent): void   
  2. {  
  3.     if (event.columnIndex== 0  || event.columnIndex== 3 ){  
  4.          event.preventDefault();  
  5.     }  
  6.   
  7. }  

当点击datagrid的第一和第四项时,itemEdit事件将不起作用。

下面是event.preventDefault()说明

如果可以取消事件的默认行为,则取消该行为。

许多事件都有默认执行的关联行为。例如,如果用户在文本字段中键入一个字符,则默认行为就是在文本字段中显示该字符。由于可以取消 TextEvent.TEXT_INPUT 事件的默认行为,因此您可以使用 preventDefault () 方法来防止显示该字符。

不可取消行为的一个示例是与 Event.REMOVED 事件关联的默认行为,只要 Flash Player 从显示列表中删除显示对象,就会生成该事件。由于无法取消默认行为(删除元素),因此 preventDefault () 方法对此默认行为无效。

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

分享到:
评论
1 楼 m2maomao 2010-10-17  
很好,做个记号。

相关推荐

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

    并不是所有的事件都允许取消默认行为。例如,对于`Event.REMOVED`事件,一旦Flash Player从显示列表中移除一个显示对象,这个行为是不可逆的,所以`preventDefault()`对它无效。在使用`event.preventDefault()`之前...

    JQuery事件e参数的方法preventDefault()取消默认行为

    为了确保跨浏览器的兼容性,建议总是检查浏览器对`e.preventDefault()`方法的支持情况,或者使用兼容性替代方案,比如`return false`语句,它同时阻止了事件的默认行为和事件的进一步传播(冒泡)。 下面详细介绍`e...

    event.keycode大全(javascript)

    在编写JavaScript代码时,我们通常会结合`event`对象的其他属性和方法,如`event.type`(获取事件类型)、`event.preventDefault()`(阻止默认行为)和`event.stopPropagation()`(阻止事件冒泡)等,来实现更为复杂...

    阻止浏览器的默认事件和冒泡

    当触发一个事件时,可以通过获取该事件对象并调用其`preventDefault()`方法来取消默认行为。 ```javascript function handleEvent(event) { event.preventDefault(); // 自定义逻辑 } ``` - **返回`false`**...

    JS传播事件、取消事件默认行为、阻止事件传播详解

    JavaScript中的事件处理是Web开发中的核心概念,它涉及到事件的传播、取消默认行为以及阻止事件传播等关键点。本文将详细解析这些概念。 首先,**事件处理程序的返回值**在JavaScript中扮演着一个特殊的角色。当...

    Javascript之event大全

    - `event.preventDefault()`方法可以阻止事件的默认行为,例如,阻止链接的跳转或表单的提交。 5. **示例** - 鼠标点击链接并按住Shift键时,取消链接跳转: ```javascript function cancelLink() { if (event...

    IE-Page-Colse-Event.rar_event

    标题中的"IE-Page-Colse-Event.rar_event"暗示了我们关注的是与Internet Explorer(简称IE)浏览器相关的页面关闭事件。这是一个重要的JavaScript编程概念,特别是对于那些需要在用户离开页面时执行某些操作的Web...

    用纯CSS实现禁止鼠标点击事件示例代码

    JavaScript有一个preventDefault方法, 他可用以来取消事件的默认动作。比如取消打开链接,选择文本或拖放等。 复制代码代码如下:event.preventDefault() ...这种方法可以阻止当前元素的浏览器默认行为,但并

    javascript处理a标签超链接默认事件的方法

    `event.preventDefault()`是JavaScript事件处理函数中一个关键的成员,它用于取消事件的默认行为。例如,当用户点击一个`&lt;a&gt;`标签时,浏览器的默认行为是导航到`href`属性指定的URL。如果我们在`&lt;a&gt;`标签的`onclick`...

    封装自己的js工具-Event.txt

    8. **阻止默认行为**:取消浏览器的默认行为。 #### 三、核心功能实现 1. **获取事件对象**: ```javascript this.getEvent = function () { var ev = window.event; if (!ev) { var c = this.getEvent....

    阻止事件(取消浏览器对事件的默认行为并阻止其传播)

    2. 只阻止事件的传播(不取消默认行为): ```javascript function stopPropagationOnly(evt) { var evt = evt || window.event; if (evt.stopPropagation) { evt.stopPropagation(); } else { evt....

    浅谈javascript事件取消和阻止冒泡

    在处理事件时,有时我们需要阻止事件的默认行为或者避免事件的冒泡,这就是所谓的事件取消和阻止冒泡。 首先,让我们来理解什么是事件取消。事件取消的目标是防止浏览器执行与特定事件相关的默认行为。例如,当用户...

    js.rar_防止 删除

    通过JavaScript,我们可以监听到`contextmenu`事件,并阻止其默认行为,从而达到屏蔽右键菜单的效果。例如: ```javascript document.addEventListener('contextmenu', function(event) { event.preventDefault(); ...

    JS屏蔽鼠标右键代码.zip

    要屏蔽鼠标右键,我们需要监听`contextmenu`事件,并在其触发时阻止默认行为。这可以通过在HTML元素上添加事件监听器来实现。在jQuery中,这通常通过`$(selector).on('event', function() {...})`结构完成。jQuery是...

    JS 屏蔽网页右键复制和ctrl+c复制

    这段代码会阻止所有页面元素的右键菜单显示,`event.preventDefault()`方法用于取消默认行为,即阻止右键菜单弹出。 接着,我们讨论如何屏蔽Ctrl+C复制。Ctrl+C快捷键触发的是`copy`事件。同样,我们可以通过监听这...

    web拖动html5

    同时,也需要调用`event.preventDefault()`防止浏览器的默认行为,比如打开链接或下载文件。 7. **`dragend`**:无论拖放是否成功,拖动操作结束时都会触发此事件。这是清理状态和资源的好时机。 在实际应用中,...

    浏览器事件动态注册和取消

    - `event.preventDefault()`:阻止事件的默认行为,例如点击链接时阻止页面跳转。 动态注册事件意味着在运行时根据需求添加事件监听器,而不是在HTML中硬编码。这在响应式设计和复杂交互场景中非常有用,可以避免...

    js阻止默认浏览器行为与冒泡行为的实现代码

    为了防止这些默认行为发生,可以使用`event.preventDefault()`方法。在非IE浏览器中,你可以直接调用`event.preventDefault()`;而在IE中,你需要使用`window.event.returnValue = false`来达到相同的效果。以下是一...

Global site tag (gtag.js) - Google Analytics