input宽度自适应?
很多时候文本框输入的内容是不固定的,有时候输入的内容多一些需要宽一些有时候输入的内容少一些需要窄一些,所以需要设置input的宽度自适应。工具原料:编辑器、jQuery1、解决宽度自适应的思路是使用jQuery来监听输入事件,进而进行动态的改变input的宽度,实现input宽度自适应的效果。2、首选获取文本的宽度,利用pre 元素可定义预格式化的文本,被包围在 pre 元素中的文本通常会保留空格和换行符;而文本也会呈现为等宽字体,简单的代码示例如下:
var textWidth = function(text){ var sensor = $('<pre>'+ text +'</pre>').css({display: 'none'}); $('body').append(sensor); var width = sensor.width(); sensor.remove(); return width; };
3、根据以上获取到的文字的宽度来给input绑定事件动态改变宽度,简单的代码示例如下:$("input").unbind('keydown').bind('keydown', function(){ $(this).width(textWidth($(this).val())); });
鼠标按键响应是什么?
我们用到mousedown函数时,点击鼠标的左键右键和中间件都会响应。如果希望只有左键按下是响应的话就写成这样
$(' ').mousedown(function(e){
if(1 == e.which){//这边 3代表的是右键, 2表示中间键 ,1表示左键
//do something
}
});
知道这个原理后 就可以写自己的响应程序了。
需要做右键响应时间的话可以结合postion函数和css函数。
如果发现没效果的话,可以去jquery官方下载最新的jquery,老版本的话可能不兼容浏览器。我刚刚便是这样。
js或者jquery动态更改a标签的link、hover、visited、active不同的变换,所有值可以手动输入。该怎么设置?
代码示例:
$(document).ready(function(){
$("#ceshia").mouseover(function(){
var underline=$("#underline").val();
if(underline==1 ||underline==2) {
var xia="underline";
}
else {
var xia="none";
}
var hover=$("#hover").val();
$("#ceshia:hover").css({
"color":hover,"text-decoration":xia
}
);
}
);
$("#ceshia").mouseout(function(){
var underline=$("#underline").val();
if(underline==0 ||underline==2) {
var xia="none";
}
else {
var xia="underline";
}
var links=$("#link").val();
$("#ceshia:link").css({
"color":links,"text-decoration":xia
}
);
}
);
$("#ceshia").mousedown(function(){
var underline=$("#underline").val();
if(underline==0 ||underline==2) {
var xia="none";
}
else {
var xia="underline";
}
var active=$("#visited").val();
$("#ceshia:active").css({
"color":active,"text-decoration":xia
}
);
}
);
}
);