jQuery 實現(xiàn) Ctrl+Enter 快捷鍵發(fā)表評論 jquery代碼:
創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比遼寧網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式遼寧網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們,業(yè)務(wù)覆蓋遼寧地區(qū)。費用合理售后完善,10多年實體公司更值得信賴。
script language="javascript"
jQuery(document).keypress(function(e){
if(e.ctrlKey e.which == 13 || e.which == 10) {
jQuery("#commentForm").submit();
} else if (e.shiftKey e.which==13 || e.which == 10) {
jQuery("#commentform").submit();
}
})
/script
重點介紹:
在ff中 判斷 ctrl+enter 是 e.ctrlKey e.which ==13
在ie6中 判斷ctrl+enter 是 e.ctrlKey e.which ==10
其他案例:
textarea name="comment" id="comment" tabindex="4" /textarea
改成:
textarea name="comment" id="comment" tabindex="4" onkeydown="if(event.ctrlKeyevent.keyCode==13){document.getElementById('submit').click();return false};"/textarea
以上是為大家分享的Ctrl+Enter實現(xiàn)發(fā)表的代碼,當(dāng)在文本域內(nèi)使用組合鍵Ctrl+Enter怎樣實現(xiàn)發(fā)布的代碼,供大家參考學(xué)習(xí)。
//試試這樣呢?
$.each($('.bottom'),function(index,value){
(function(i){
$(this).on('click','.comment',function(){
//作判斷,需登錄才能顯示出評論框
if($.cookie('userName')){
if($('.comment_list').eq(i).is(':hidden')){
$('.comment_list').eq(i).show();
}else{
$('.comment_list').eq(i).hide();
}
}else{
$('#error').dialog('open');
setTimeout(function(){
$('#login').dialog('open');
$('#error').dialog('close');
},1000);
}
})(index)
});
用Jquery動態(tài)添加控件并取值
html xmlns=""
head runat="server"
titleJquery動態(tài)控件/title
script src="jquery-1.4.2.js" type="text/javascript"/script
script type="text/javascript"
$(function() {
var i = 2;
$('#addText').click(function() {
if (i 9) {
$('#main').append('divinput type="text" name="text" + i + ""/
a href="#" class="del-text"del/a/div');
i++;
} else {
alert("最多只能添加8個");
}
});
$('.del-text').live('click',function(){
$(this).parent().remove();
i--;
});
});
/script
/head
body
div id="main"
div
input type="text" name="text1" /
/div
/div
a id="addText" href="#"添加文本框/a
/body
/html
==========
取值的話,很簡單,在后臺直接用 Request["text" + i].ToString() 即可。
jquery實現(xiàn)動態(tài)添加控件,刪除控件,頁面性能優(yōu)化
!DOCTYPE html
html
head
metacharset="UTF-8"
title/title
scriptsrc="js/jQuery.js"/script
styletype="text/css"
/style
/head
body
inputtype="text"placeholder="請輸入姓名"/
inputtype="text"placeholder="請輸入年齡"/
inputtype="text"placeholder="請輸入性別"/
inputtype="button"value="注冊" /
inputtype="text"placeholder="請輸入搜索內(nèi)容"/
inputtype="button"value="搜索" /
inputtype="button"value="清除" /
divclass="divClass"/div
/body
scripttype="text/JavaScript"
$('input[value=注冊]').click(function(){
// 獲取輸入框中的內(nèi)容
varname = $('input[placeholder=請輸入姓名]').val();
varage = $('input[placeholder=請輸入年齡]').val();
varman = $('input[placeholder=請輸入性別]').val();
// 把輸入框中的內(nèi)容清空
$('input[placeholder=請輸入姓名]').val('');
$('input[placeholder=請輸入年齡]').val('');
$('input[placeholder=請輸入性別]').val('');
// 創(chuàng)建新的控件
var$wrap = $('div/div');
var$name = $('span/span');
var$age = $('span/span');
var$man = $('span/span');
var$del = $('input type="button" value="刪除" /');
$wrap.css({
'border':'1px red solid ',
width:'700px'
})
$name.text(name);
$age.text(age);
$man.text(man);
// 添加控件到瀏覽器
$('.divClass').append($wrap);
$wrap.append($name);
$wrap.append($age);
$wrap.append($man);
$wrap.append($del);
$('span').css('padding','10px 50px');
$wrap.css('padding','20px 0');
})
// 搜索功能
$('input[value=搜索]').click(function(){
varcontent = $('input[placeholder=請輸入搜索內(nèi)容]').val();
$('input[placeholder=請輸入搜索內(nèi)容]').val('');
$.each($('span'),function(index,value){
if(content== value.innerText){
$('span').eq(index).css('background','red')
}
})
})
// 清除選中顏色的功能
$('input[value=清除]').click(function(){
$.each($('span'),function(index,value){
value.style.background = '';
})
})
// 刪除功能
$('.divClass').on('click',function(event){
if(event.target.value== "刪除"){
$(event.target).parent().remove();
}
})
/script
/html
比如底下那個評論列表的容器層 ,也就是你畫的紅框的id="pinlun",
兩種思路:
整個頁面加載的時候就把評論也加載完了,但是先隱藏起來,點擊時候顯示
點擊時候?qū)崟r跟后臺ajax交互獲取數(shù)據(jù),然后innerHtml到pinlin這個層里顯示出來。
如果你只要前端顯示的話就用DOM,創(chuàng)建一個onclick函數(shù),var newText=document.getElementById("...").value; ,然后創(chuàng)建新文本var addText=createTextnode(newText);,再在評論列表.appendChild(addText);
如果要保存在服務(wù)器再從中讀取的話就得用AJAX了