jQuery 实现 Ctrl+Enter 快捷键发表评论 jquery代码:
创新互联建站-专业网站定制、快速模板网站建设、高性价比辽宁网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式辽宁网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖辽宁地区。费用合理售后完善,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实现发表的代码,当在文本域内使用组合键Ctrl+Enter怎样实现发布的代码,供大家参考学习。
//试试这样呢?
$.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动态添加控件并取值
html xmlns=""
head runat="server"
titleJquery动态控件/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实现动态添加控件,删除控件,页面性能优化
!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="请输入搜索内容"/
inputtype="button"value="搜索" /
inputtype="button"value="清除" /
divclass="divClass"/div
/body
scripttype="text/JavaScript"
$('input[value=注册]').click(function(){
// 获取输入框中的内容
varname = $('input[placeholder=请输入姓名]').val();
varage = $('input[placeholder=请输入年龄]').val();
varman = $('input[placeholder=请输入性别]').val();
// 把输入框中的内容清空
$('input[placeholder=请输入姓名]').val('');
$('input[placeholder=请输入年龄]').val('');
$('input[placeholder=请输入性别]').val('');
// 创建新的控件
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=请输入搜索内容]').val();
$('input[placeholder=请输入搜索内容]').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",
两种思路:
整个页面加载的时候就把评论也加载完了,但是先隐藏起来,点击时候显示
点击时候实时跟后台ajax交互获取数据,然后innerHtml到pinlin这个层里显示出来。
如果你只要前端显示的话就用DOM,创建一个onclick函数,var newText=document.getElementById("...").value; ,然后创建新文本var addText=createTextnode(newText);,再在评论列表.appendChild(addText);
如果要保存在服务器再从中读取的话就得用AJAX了