jquery拼接字符串空格怎么打 jq拼接html

转载

IT独行侠客 2023-10-24 22:19:46

文章标签 jquery拼接字符串空格怎么打 javascript ViewUI html 键盘事件 文章分类 jQuery 前端开发

jQuery 追加元素、拼接元素的方法总结（append、html、insertBefore、before等）

1. append & appendTo 的功能均为：在被选元素结尾（仍在元素内部）插入指定内容，但是内容和选择器的位置不同　

　　(1) append()方法：

　　　　$("#test").append("<p>测试</p>"); //在id为test元素内部末尾插入<p>测试</p>

　　(2) appendTo()方法：

　　　　$("<p>测试</p>").appendTo("#test"); //在id为test元素内部末尾插入<p>测试</p>

2. insertBefore & before & insertAfter & after

　　(1) insertBefore() & before() 方法：在被选元素前（元素外部）插入指定内容

　　　　$("<p>测试</p>").insertBefore("#test"); //在id为test的元素前插入<p>测试</p>

　　　　注：如果指定内容是已存在的元素，它将从它的当前位置被移除，并被插入在被选元素之前。

　　　　$("#test").before("<p>测试</p>"); //在id为test的元素前插入<p>测试</p>

　　(2) insertAfter() & after()方法：在被选元素后（元素外部）插入指定内容

　　　 $("<p>测试</p>").insertAfter("#test"); //在id为test的元素后插入<p>测试</p>

　　　　注：如果指定内容是已存在的元素，它将从它的当前位置被移除，并被插入在被选元素之后。

　　　　$("#test").after("<p>测试</p>"); //在id为test的元素后插入<p>测试</p>

3.html() 方法：设置或返回被选元素的内容

　　(1) 设置被选元素的内容

　　　　$("#test").html("<p>测试</p>"); //将id为test的元素里的内容设置为<p>测试</p>，若元素里面原本有内容，则将原来的内容替换

　　(2) 返回被选元素的内容

　　　　$("p").html(); //返回匹配到的第一个P元素的内容

不说废话了，刚学到个小知识点：在js中用：document.onkeydown来对用户敲击键盘事件进行监听，在网上整理了点，现将资料集中于此。

概念onkeypress、onkeyup、onkeydown区别：

onkeypress 这个事件在用户按下并放开任何字母数字键时发生。系统按钮（例如，箭头键和功能键）无法得到识别。
onkeyup 这个事件在用户放开任何先前按下的键盘键时发生。
onkeydown 这个事件在用户按下任何键盘键（包括系统按钮，如箭头键和功能键）时发生。

小demo：只在在输入的时候可以用backspace，其他地方不可以用。

解决onkeydown在IE和FF中的兼容问题（这个我没做过测试呢）
IE浏览器中：

var keycode = event.keyCode;
FireFox和Opera浏览器中：

var keycode = e.which;
总结简便写法如下：

var currKey=0,e=e||event; currKey=e.keyCode||e.which||e.charCode;//支持IE、FF
完整demo如下：

<form οnkeydοwn="checkkey(event)">
//上一段中介绍的event所携带的值传给了keys
function checkkey(keys)
{
//判断一下是否同时按了CTRL键和ENTER键.
if(keys.ctrlKey && keys.keyCode == 13)
//如果判断的结果确实是两个键准确无误的按下了，那么就提交数据
{
this.document.form.submit();
}
}
说明：event是将这次按键的值传递给函数作判断用的。也就是说event里面承载着我们这次按键的数据。

写法二、触发click事件,支持IE

写法三、按键翻页效果，支持IE

应用的demo：

在test.jsp中引入test.js

document.okeydown = KeyLogin;

function KeyLogin(){

if(event.keyCode == 13){

LoginSystem();/触发此function

}

}
---------------------

js学习笔记27----键盘事件

键盘事件主要有2个：

onkeydown : 键盘按下时触发,如果按下不抬起，那么会连续触发。

onkeyup : 键盘弹起时触发

不是所有元素都能接收键盘事件，只有能够响应用户输入的元素，换言之，能够接收焦点的元素就能接收键盘事件。

event.keyCode : 数字类型，返回键盘按键的ASCII 码。

ctrlKey, shiftKey, altKey: 布尔值。

当一个事件发生的时候，如果 ctrl|| shift || alt 是按下的状态，返回true。

示例代码：

jquery拼接字符串空格怎么打 jq拼接html_html

1 <!DOCTYPE html>
 2 <html lang="en">
 3     <head>
 4         <title>键盘事件</title>
 5         <meta charset="UTF-8">
 6         <meta name="viewport" content="width=device-width, initial-scale=1">
 7         <script>
 8             window.onload = function(){
 9                 document.onkeydown = function(ev){
10                     var ev = ev || event;
11                     //alert(ev.keyCode);  //返回键盘的ASCII 码
12                 }
13 
14                 document.onclick = function(ev){
15                     var ev = ev || event;
16                     alert(ev.ctrlKey);//点击时返回false,按住ctrl键之后再点击的同时会返回true                  
17                 }
18             }                  
19         </script>
20     </head>
21     <body>
22         <div>
23             
24         </div>
25     </body>
26 </html>

jquery拼接字符串空格怎么打 jq拼接html_html

JavaScript onkeydown 事件

用户按下一个键盘按键时会触发 onkeydown 事件。与 onkeypress 事件不同的是，onkeydown 事件是响应任意键按下的处理（包括功能键），onkeypress 事件只响应字符键按下后的处理。

提示

Internet Explorer/Chrome 浏览器使用 event.keyCode 取回被按下的字符，而 Netscape/Firefox/Opera 等浏览器使用 event.which。

onkeydown 获取用户按下的键

下面是一个利用 onkeydown 事件获取用户按下键盘按键信息的例子：

复制代码代码如下:

<html> 
       
<body> 
       
<script type="text/javascript"> 
        
function noNumbers(e)
{
    var keynum;
    var keychar;    keynum = window.event ? e.keyCode : e.which;
    keychar = String.fromCharCode(keynum);
    alert(keynum+':'+keychar);
}</script>
<input type="text" οnkeydοwn="return noNumbers(event)" />
</body>
</html>

如上面例子所示，event.keyCode/event.which 得到的是一个按键对应的数字值（Unicode 编码），常用键值对应如下：

数字值	实际键值
48到57	0到9
65到90	a到z（A到Z）
112到135	F1到F24
8	BackSpace（退格）
9	Tab
13	Enter（回车）
20	Caps_Lock（大写锁定）
32	Space（空格键）
37	Left（左箭头）
38	Up（上箭头）
39	Right（右箭头）
40	Down（下箭头）