ckeditor 键盘事件绑定

键盘事件绑定：

<html>
<head>
<base href="<%=basePath%>">
<title>Insert title here</title>
<script type="text/javascript" src=\‘#\‘" /ckeditor/ckeditor.js"></script>
</head>
<body>
<form action="" method="post">
    <textarea class="ckeditor" name="context" id="context"></textarea>
    <input   type="button" value="提交" onclick="test()"/>
</form>
<div id="info"></div>
${param.context }
<script type="text/javascript">
     //键盘事件绑定
     var editor = CKEDITOR.replace(‘context‘);
     CKEDITOR.instances["context"].on("key",  function(evt){
            document.getElementById("info").innerHTML =editor.getData();
     });
</script>
</body>
</html>
时间： 2024-08-24 10:38:46

ckeditor 键盘事件绑定的相关文章

Ckeditor在线文本编辑器+键盘事件绑定

示例代码: <%@ page language="java" contentType="text/html; charset=UTF-8"     pageEncoding="UTF-8"%> <%     String path = request.getContextPath();     String basePath = request.getScheme() + "://"             

捕获enter键盘事件绑定到登录按钮

/** *捕获enter键盘事件绑定到登录按钮 */ function keyLogin(event) { if (event.keyCode == 13) { document.getElementById("login_button").click(); } }

html5标签div可绑定键盘事件方法

我们知道键盘事件一般用在input这些可以获取焦点的元素上,但是作为div,尽管官方上说可以绑定键盘事件,但是我写了以后发现不生效,于是找答案. 果然,找到了一个神器:tabindex 它是html5标签的一个属性,默认它的值是-1也就是不可以,在div上,我们要设置这个值不超过999就可以了. document.querySelector('div').setAttribute("tabindex", 1)&&document.querySelector('div')

vuejs学习笔记（1）--属性，事件绑定，ajax

属性 v-for 类似于angular中的 ng-repeat ,用于重复生成html片段: <ul id="box"> <li v-for="(v, i) in list">{{v}}</li> </ul> <script> var vm = new Vue({ el: '#box', // 对应的元素选择器 或者是 指向元素的变量 data: { // data list: [1,2,3] } });

vuejs学习笔记（2）--属性，事件绑定，ajax

属性 v-for 类似于angular中的 ng-repeat ,用于重复生成html片段: <ul id="box"> <li v-for="(v, i) in list">{{v}}</li> </ul> <script> var vm = new Vue({ el: '#box', // 对应的元素选择器 或者是 指向元素的变量 data: { // data list: [1,2,3] } });

vue学习笔记（一）关于事件冒泡和键盘事件 以及与Angular的区别

一.事件冒泡 方法一.使用event.cancelBubble = true来组织冒泡 <div @click="show2()"> <input type="button" value="按钮" @click="show1($event)"> </div> methods:{ show1:function(ev){ console.log(ev); alert(1); ev.cancelB

JavaScript事件绑定

浏览器事件概述 技术一般水平有限,有什么错的地方,望大家指正. 当我们在浏览网页的时候,浏览器可以在视觉上为我们展示出页面还可以在行为上响应用户的操作,浏览器响应用户的操作就是通过事件来完成的,浏览器提供了事件注册接口和事件监听接口这样浏览器就可以接收用户的行为并且进行处理了.浏览器已经提供很多的事件包括页面加载.鼠标事件以及键盘事件等,我们只需要定义好事件处理函数即可,当用户的操作触发这些事件时就会执行我们预先定义好的处理函数.一个行为的完整过程如下: 浏览器在交互的过程中基本的功能就是通过事

javascript 事件绑定

一.最简单和向后兼容性最好的事件绑定方法是把事件绑定到元素标识的属性.事件属性名称由事件类型外加一个“on”前缀构成.这些属性也被称为事件处理器 <INPUT TYPE="text" NAME="first_name" onChange="convertToUpper(this)"> 或者 <INPUT TYPE="text" NAME="first_name" onChange=&quo

由chrome剪贴板问题研究到了js模拟鼠标键盘事件

写在前面 最近公司在搞浏览器兼容的事情,所有浏览器兼容的问题不得不一个人包了.下面来说一下今天遇到的一个问题吧 大家都知道IE下面如果要获得剪贴板里面的信息的话,代码应该如下所示 window.clipboardData.getData("Text") 可是在chrome下面就行不通了,chrome下面没有类似ie的这种方法,那应该怎么办呢,百度了一下,发现还真有办法. 只要在HTML界面上放上一个text类型的控件,如下所示 <textarea id="textAre