精华内容
下载资源
问答
  • js 鼠标、键盘事件自动触发

    千次阅读 2018-05-23 09:10:03
    代码 if ( document .all) { ...下表列出了 eventType 的合法值和每个值创建的...参数:事件的类型,事件是否起泡,是否可以用 preventDefault() 方法取消事件。 dispatchEvent() 方法给节点分派一个合成事件

    代码

    if(document.all) {
        document.getElementById("clickMe").click();
    }
    // 其它浏览器
    else {
        var e = document.createEvent("MouseEvents");
        e.initMouseEvent("click", true, true);
        document.getElementById("clickMe").dispatchEvent(e);
    }

    详解

    • createEvent(eventType) 方法创建新的 Event 对象。下表列出了 eventType 的合法值和每个值创建的事件接口:
    参数事件接口初始化方法
    HTMLEventsHTMLEventinitEvent()
    MouseEventsMouseEventinitMouseEvent()
    UIEventsUIEventinitUIEVent()
    • initEvent(eventType,canBubble,cancelable)方法 初始化新事件对象的属性
      参数:事件的类型,事件是否起泡,是否可以用 preventDefault() 方法取消事件。

    • dispatchEvent() 方法给节点分派一个合成事件。

    展开全文
  • javascript 自动触发键盘操作 trigger

    万次阅读 2018-10-26 15:41:47
     的合法值和每个值创建的事件接口: 参数 事件接口 初始化方法 HTMLEvents HTMLEvent iniEvent() MouseEvents MouseEvent iniMouseEvent() UIEvents UIEvent ...

    回车键 keyCode 13

    HTMLElement.prototype.pressKey = function(code) {
    	var evt = document.createEvent("UIEvents");
    	evt.keyCode = code;
    	evt.initEvent("keydown", true, true);
    	this.dispatchEvent(evt);
    }

     

    test:

    document.body.onkeydown = function(e) {
        console.log("key pressed, code=" + e.keyCode);
    };
    
    document.body.pressKey(13);

     eventType 的合法值和每个值创建的事件接口:

    参数事件接口初始化方法
    HTMLEventsHTMLEventiniEvent()
    MouseEventsMouseEventiniMouseEvent()
    UIEventsUIEventiniUIEvent()

    参照文档:

    http://www.w3school.com.cn/xmldom/met_document_createevent.asp

    http://www.w3school.com.cn/xmldom/dom_event.asp

     

    展开全文
  • 脚本模拟键盘输入方式,监听键盘事件e.IsTrusted属性是false,此属性为只读属性不能更改,用户用键盘正常输入该值为true。目前没有找到好的处理方式。 Firefox浏览器中有如下处理方式(未试,只做记录): var ...

    脚本模拟键盘输入方式,监听键盘事件e.IsTrusted属性是false,此属性为只读属性不能更改,用户用键盘正常输入该值为true。目前没有找到好的处理方式。

    Firefox浏览器中有如下处理方式(未试,只做记录):

        var utils = window.QueryInterface(Components.interfaces.nsIInterfaceRequestor)
                      .getInterface(Components.interfaces.nsIDOMWindowUtils);
        utils.sendNativeKeyEvent(0, schar, 0, schar, '');

    在Chrome浏览器浏览器此代码报错。

    如下是核心代码,仅供参考:

    //添加keydown事件监听,跟踪按键
    document.addEventListener("keydown", function (e) {
        traceEvent(e);
    });
    
    //模拟键盘触发事件方法
    function triggerKeyboardEvent(el, keyCode) {
        var eventObj = document.createEventObject ?
            document.createEventObject() : document.createEvent("Events");
    
        if (eventObj.initEvent) {
            eventObj.initEvent("keydown", true, true);
        }
    
        eventObj.keyCode = keyCode;
        eventObj.which = keyCode;
    
        el.dispatchEvent ? el.dispatchEvent(eventObj) : el.fireEvent("onkeydown", eventObj);
    }
    
    //针对按键事件的逻辑处理
    function traceEvent(e) {
        var ch = String.fromCharCode(e.keyCode);
        document.getElementById("txtContent").value = ch;
        console.log(e);
    }
    
    //Html控件调用的方法
    function clk() {
        var str = "a";
        var cCode = str.charCodeAt(0);
        triggerKeyboardEvent(document.body, cCode);
    }
    
    

    手动触发事件的方式

    场景:JS自动填充CSDN登录页用户名、密码时,点击登录按钮,会清空用户名、密码且登录失败。此时可手动触发Input事件或onpropertychanged事件。

    源码如下:

    //针对提交表单时,脚本填充的信息会清空,可能需要额外触发input事件,IE下是propertychanged事件
    if ("createEvent" in document) {
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent("input", true, false);
        obj.dispatchEvent(evt);
    } else obj.fireEvent("input");
    
    //change事件手动触发方式
    var obj = document.getElementById(elemId);
    if ("createEvent" in document) {
        var evt = document.createEvent("HTMLEvents");
        evt.initEvent("change", true, false);
        obj.dispatchEvent(evt);
    } else obj.fireEvent("onchange");

    keydown、keyup、keypress都可以用此种方式触发。

    展开全文
  • js自动触发按键操作

    2021-09-06 10:29:55
    HTMLElement.prototype.pressKey = function(e) { var doc = document.createEvent("UIEvents"); doc.keyCode = e; doc.initEvent("keydown", true, true);...例:自动触发按回车键 document.body.pressKey(13);
    HTMLElement.prototype.pressKey = function(e) {
    	var doc = document.createEvent("UIEvents");
    	doc.keyCode = e;
    	doc.initEvent("keydown", true, true);
    	this.dispatchEvent(doc);
    }
    

    例:自动触发按回车键

    document.body.pressKey(13);
    
    展开全文
  • jQuery 事件 - keydown() 方法 ...keydown() 方法触发 keydown 事件,或规定当发生 keydown 事件时运行的函数。 注释:如果在文档元素上进行设置,则无论元素是否获得焦点,该事件都会发生。 例如:
  • 事件关于事件事件绑定基本绑定方法绑定动态绑定事件触发常用的鼠标事件事件冒泡和默认行为事件冒泡默认行为获得当前鼠标的位置和按键键盘事件 关于事件 事件绑定 基本绑定 $(element).click(function(){}) $...
  • 包含全部JS触发函数,鼠标、键盘、各种触发函数,就是为了凑字数
  • JS触发按键事件

    万次阅读 2015-12-12 19:52:21
    <script type="text/javascript" language=JavaScript charset="UTF-8"> document.onkeydown=function(event){ var e = event || window.event || arguments.callee.caller.arguments[0];
  • JS触发事件大全

    千次阅读 2019-01-08 04:16:02
        ...事件 ...一般事件 ...鼠标点击时触发事件 ...鼠标双击时触发事件 onmousedown IE4、N4 按下鼠标时触发事件 onmouseup IE4、N4 鼠标按下后松开...
  • js document 触发按键事件

    千次阅读 2018-09-03 12:01:00
    // 键盘控制 var keyEvent = (function () { document.onkeydown = function (e) { if (e.keyCode === 38) { // up rotate alert("38"); ...
  • js 里面的键盘事件经常用到,所以收集了键盘事件对应的键码来分享下: keyCode 8 = BackSpace BackSpace keyCode 9 = Tab Tab keyCode 12 = Clear keyCode 13 = Enter keyCode 16 = Shift_L keyCode 17 = ...
  • 当不存在键盘或鼠标时,或者在用户无法实际使用常规输入法的可访问性情况下,该工具的特殊优势就来了。 本文有两个目标-首先,介绍Linux®桌面环境中xdotool的使用,其次,使用语音输入触发通常通过硬件输入完成的...
  • JS全屏事件 模拟键盘事件F11 兼容IE

    千次阅读 2019-09-21 19:23:46
    方法1: // 全屏 //el为全屏对象 fullScreen(el) { var rfs = el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen, wscript; if (t...
  • html中自动触发事件

    万次阅读 2019-01-03 22:53:42
     在编写前端代码的时候,进行某个操作后希望系统能自动触发一个动作,比如自动触发button的单击动作,此时可以使用jquery的trigger来实现,  如$('#button1').trigger("click"); 表示自动触发id为...
  • js触发全屏事件

    2017-04-10 14:30:00
    当用户按下F11事件,浏览器为触发自身全屏功能,这个过程我们一般是不可控制的,即使是监听了F11的键盘事件,退出全屏的时候,我们也捕捉不到退出全屏触发的事件。所以,我们就用程序自己去实现F11的功能,首先需要...
  • oncopy 事件在用户拷贝元素上的内容时触发。 <input type="text" oncopy="myFunction()" value="尝试拷贝文本"> onpaste 事件在用户向元素中粘贴文本时触发。 <input type="text" onpaste="myFunction()" ...
  • js 中按下键盘事件

    千次阅读 2018-10-23 22:51:10
    onkeydown:键盘按下事件 按键的ASCII:ev.keyCode 是否按下了特定的组合按钮 : if (ev.altKey == true) {  console.log('您按下了alt键') } else if (ev.ctrlKey == true) {  console.log('您按下了ctrl键') ...
  • js 敲回车触发事件

    千次阅读 2016-11-24 19:49:45
    document.onkeydown=function(e){  var a=e||window.event;//加这个火狐下不会报 event is undefind  if (a.keyCode == 13){  var searName=$("#searchName").val();  
  • 在页面中自动填写账号密码时,直接给文本框 input 元素赋值无法提交,因为此方式无法触发键盘事件。 可使用 JavaScript 模拟按键事件,但是 UIEvent.initUIEvent 和 KeyboardEvent.initKeyEvent() 等方法在最新的...
  • 一、键盘事件:指当用户在操作键盘的时候会自动触发的事件 keydown:键盘按下时触发 keypress:键盘按下时触发 功能键无法响应 keyup: 键盘抬起时触发 注意: 1.keydown keypress 按下不放一直触发; 2.keypress...
  • jquery自动输入textarea 并触发事件input

    千次阅读 2019-07-16 20:46:08
    $("#textarea_Lottery > textarea").val('22222'); $("#textarea_Lottery > textarea")[0].dispatchEvent(new Event('input')); varjqTextarea=$('#lt_write_box');...jqTextarea.clic...
  • 提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录 前言 一、pandas是什么? 二、使用步骤 1.引入库 2.读入数据 总结 前言 提示:这里可以添加本文要记录的大概内容: ...
  • IOS不自动弹出键盘,必须手动触发一下focus才行,不能自动调用,所以需要诱导用户点击某个按钮触发focus,最终修改的方法,默认隐藏密码输入框,隐藏不能用v-if或者是v-show,用position:absolute, top:-1000,然后...
  • Js中的键盘事件 onkeydown 键盘按下 onkeyup 键盘释放 键盘事件,用于能获得光标的元素。 <input type=”text”> <textarea></textarea> 键盘按下会弹出一个话: <textarea onkeydown=...
  • 需求: 英文(英文输入法): 每输入一个字母都触发一次事件; 中文(拼音输入法): 输入完成后才触发事件,不是每打一个拼音就触发 实现:$(function(){  var flag = true; $('#dev_region_search').on('...
  • Javascript键盘事件及输入控制

    千次阅读 2014-06-05 14:17:11
    Javascript键盘事件及输入控制 进行web开发时,我们会对表单做提交验证,为了进一步增强用户体验,要在用户输入时就进行限制,比如针对电话只能输入数字、长度不允许超过固定值等。随着微博的流行,从Twitter开始,...
  • 目录 一、打开全屏 二、关闭全屏 三、js模拟键盘事件 四、DMEO源码 一、打开全屏 function fullScreen() { var el = document.documentElement; var rfs = el.requestFullScreen || el.webkitRequestFullScreen || ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 20,657
精华内容 8,262
关键字:

js自动触发键盘事件