默认行为(默认事件)

一、阻止默认行为:

return false;

例如:屏蔽右键菜单,弹出自定义右键菜单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            list-style: none;
        }
        #div1 {
            width: 80px;
            background: #ccc;
            position: absolute;
            display: none;
        }
    </style>
    <script>
       document.oncontextmenu = function (ev) {
           oEvent = ev || event;
           var oDiv = document.getElementById(‘div1‘);
           oDiv.style.display = ‘block‘;
           //div的位置跟着鼠标的位置出现
           oDiv.style.left = oEvent.clientX + ‘px‘;
           oDiv.style.top = oEvent.clientY + ‘px‘;
           return false;//屏蔽右键默认菜单
       };
       //点击空白取消自定义菜单
       document.onclick = function () {
           var oDiv = document.getElementById(‘div1‘);
           oDiv.style.display = ‘none‘;
       };
    </script>
</head>

<body>
<div id="div1">
    <ul>
        <li>aaaa</li>
        <li>bbbb</li>
        <li>cccc</li>
        <li>dddd</li>
    </ul>
</div>
</body>
</html>

二、只能输入数字的输入框  (在英文输入状态下)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
    </style>
    <script>
       window.onload = function () {
           var oText1 = document.getElementById(‘text1‘);
           oText1.onkeydown = function (ev) {
               var oEvent = ev || event;
               //只能输入数字的输入框 0为48,9为57,删除键为8
               if(oEvent.keyCode!= 8 &&(oEvent.keyCode<48||oEvent.keyCode>57)){
                   return false;//不为数字不能输入
               }
           };
       };
    </script>
</head>

<body>
  <input type="text" id="text1">
</body>
</html>
时间: 2024-10-09 21:39:35

默认行为(默认事件)的相关文章

SQL Server 默认跟踪 -- 捕获事件详解

SQL Server 默认跟踪 -- 捕获事件详解 哪些具体事件默认跟踪文件能够捕获到? --returns full list of events SELECT * FROM sys.trace_events --returns a full list of categories SELECT * FROM sys.trace_categories --returns a full list of subclass values SELECT * FROM sys.trace_subclass

自定义Sharepoint Server 2010人员选择功能-替换默认点击事件

文章摘要 上篇说到了不想修改默认的系统文件,那么我们就要想办法让用户点击书形图标是打开我们自定义的页面,我们先来看看点击书形图标都做了什么,然后再看看我们能做什么. 点击书形图标做了什么 右键书形图标-检查元素我们可以看到下面这些东西 <a id="ctl00_PlaceHolderMain_ctl00_ctl01_userPicker_browse" title="浏览" onclick="__Dialog__ctl00_PlaceHolderMa

jquery 点击tr选中checkbox,解决checkbox的默认点击事件被阻止的问题

  1.第一种,!$(event.target).is('input'),判断触发事件的元素是否为input.此时使用event.target,而不是this,获取事件本身,防止触发事件冒泡的问题. $("#data_table tr").on("click",function (event) { if (!$(event.target).is('input')) { $('input:checkbox', this).prop('checked', functio

Django model.py表单的默认值 默认允许为空

Field.null 默认是null=False,这时不能传入NULL型数据,但是可以是空字符. 如果BooleanField中想要null数据类型,可以选择NullBooleanField   Field.blank 默认值为blank=False,表示默认不允许为空,如何blank=True则默认值可以为空.   一个字段的约束可以是blank=True 或者false,同时也可以是null=Ture或者false.   本文为博主原创文章,转载请注明出处 http://www.cnblog

修改mysql &nbsp; 默认字符集 , 默认引擎

cd /var/lib/mysql/game ll vim db.opt default-character-set=utf8 default-collation=utf8_general_ci wq service mysqld restart 或者 service mysqld reload 默认字符集修改完毕 vim /etc/my.cnf [mysqld] datadir=/var/lib/mysql socket=/var/lib/mysql/mysql.sock user=mysql

android中设置默认语言 默认时区

全志平台配置文件路径: android4.2\device\softwinner\wing-common\ProductCommon.mk 系统语言默认中文配置如下 系统语言默认英语配置如下: 其它国家语言与时区详解参考: 1. 设置默认时区 PRODUCT_PROPERTY_OVERRIDES += \ persist.sys.timezone=Asia/Shanghai\ 注:搜索"persist.sys.timezone",并更改其值 persist.sys.timezone值域

js oncontextmenu阻止右键默认菜单 默认行为

<!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> *{ margin:0px; padding:0px; } #div1{ position:absolute; width:200px; background:#F00; color:#FFF; display:none; } </st

img src加载失败给默认图片(默认图片加载失败不冒泡)

Jquery方法 $("img").one("error", function(e){ $(this).attr("src", "default.gif"); });

vue教程1-05 事件 简写、事件对象、冒泡、默认行为、键盘事件

v-on:click/mouseover...... 简写的: @click="" 推荐 事件对象: @click="show($event)" 事件冒泡: 阻止冒泡: a). ev.cancelBubble=true; b). @click.stop 推荐 默认行为(默认事件): 阻止默认行为: a). ev.preventDefault(); b). @contextmenu.prevent 推荐 键盘: @keydown $event ev.keyCode @

PropertyGrid—默认属性,默认事件,属性默认值

零.引言 PropertyGrid显示一个对象的属性和事件时,可以设置其默认属性和事件,也就是当你选中对象时,propertyGrid中焦点在哪一个属性或事件上.为对象的属性提供默认值,使PropertyGrid显示属性时,更加友好. 一.默认属性和默认事件 PropertyGrid能识别默认属性和事件,例如在设计时,双击Form框,就会跳到Form的Load事件中,这是因为Form的默认事件是Load.当你选中属性框中的某一项后,该项会着色(蓝色)选中,在属性和事件选项卡之间切换,就会发现,选