我试图自动大写用户输入的textarea /输入的第一个字符.第一次尝试看起来像这样:
$(document).ready(function() {
$('input').on('keydown', function() {
if (this.value[0] != this.value[0].toUpperCase()) {
// store current positions in variables
var start = this.selectionStart;
var end = this.selectionEnd;
this.value = this.value[0].toUpperCase() + this.value.substring(1);
// restore from variables...
this.setSelectionRange(start, end);
}
});
});
Run Code Online (Sandbox Code Playgroud)
这个问题是它显示小写字符,然后纠正它,这是丑陋的(http://jsfiddle.net/9zPTA/2/).我想在keydown而不是keyup上运行我的javascript,并在飞行中转换事件(或拦截它,防止默认,并触发修改后的新事件).
这就是我现在所拥有的,哪些不起作用(http://jsfiddle.net/9zPTA/5/):
$(document).ready(function() {
$('input').on('keydown', function(event) {
if (this.selectionStart == 0 && event.keyCode >= 65 && event.keyCode <= 90 && !(event.shiftKey)) {
event.preventDefault();
var myEvent = jQuery.Event('keypress');
myEvent.target = event.target;
myEvent.shiftKey = true;
myEvent.keyCode = event.keyCode; …Run Code Online (Sandbox Code Playgroud) 我有一个可滚动的div.在OS X中,滚动条会自动隐藏自己,这比总是可见的滚动条更漂亮,但有时会让我的用户感到困惑.对此问题的一般回应是使用::-webkit-scrollbar:
如何防止WebKit/Blink中的OS X触控板用户隐藏滚动条?
http://blog.0100.tv/2012/11/webkit-scrollbars-on-os-x/
这些解决方案的问题在于它们也会影响Windows上的Chrome用户,并且我希望让Windows上的Chrome用户具有与他们习惯相同的滚动体验.
有没有办法阻止滚动条隐藏在OS X而不改变任何滚动条样式,或者添加一些东西到我的CSS,这只会影响Mac用户?
谢谢!
这个问题几乎与如何添加浮动图像而不使CSS3多列div变窄?,没有得到答复。
我有一个多列 div,我想将其包裹在将浮动在页面右上角的图像周围。问题是,即使 div 设置为浮动,多列 div 中的文本也不会换行。
应该看起来像:
|-||-|xxxxxx
|-||-|xxxxxx
|-||-|xxxxxx
|-||-||-||-|
|-||-||-||-|
Run Code Online (Sandbox Code Playgroud)
目前看起来像:
xxxxxx
xxxxxx
xxxxxx
|-||-||-||-|
|-||-||-||-|
|-||-||-||-|
Run Code Online (Sandbox Code Playgroud)
HTML:
<img src="something.png"/>
<div>some really long text</div>
Run Code Online (Sandbox Code Playgroud)
CSS:
img {
float: right;
clear:none;
}
div {
-moz-column-count: 4;
-webkit-column-count: 4;
column-count: 4;
-moz-column-width:157px; /* Firefox */
-webkit-column-width:157px; /* Safari and Chrome */
column-width:157px;
float:left;
clear:none;
}
Run Code Online (Sandbox Code Playgroud)
我这里有一个jsfiddle: http://jsfiddle.net/JpcM4/2/
挑战在于我不知道 div 中有多少文本,也不知道图像有多宽。这意味着我不能只为四列设置四个 div 并分别浮动它们,因为我不知道每列中的文本是什么,甚至不知道哪些列将被图像缩短。
我还查看了column-span和-webkit-column-span(无论如何它不适用于Firefox),但似乎这不是我的想法:http ://www.w3.org/TR/css3-multicol /
我有一个PHP数组,我正在尝试将其转换为不同的格式,我认为这样做的唯一方法就是它应该需要的时间长得多.
示例数据:
Array (
[0] => Array (
[type] => a
[value] => 1
)
[1] => Array (
[type] => a
[value] => 2
)
[2] => Array (
[type] => a
[value] => 3
)
[3] => Array (
[type] => b
[value] => 1
)
[4] => Array (
[type] => b
[value] => 4
)
[5] => Array (
[type] => f
[value] => 2
)
)
Run Code Online (Sandbox Code Playgroud)
成:
Array (
'a' => Array(1,2,3),
'b' => Array(1,4), …Run Code Online (Sandbox Code Playgroud)