小编JSP*_*P64的帖子

使用JQuery实时利用用户输入的第一个字符

我试图自动大写用户输入的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)

javascript string jquery javascript-events

9
推荐指数
2
解决办法
2万
查看次数

如何防止滚动条隐藏在OS X上而不影响Windows用户?

我有一个可滚动的div.在OS X中,滚动条会自动隐藏自己,这比总是可见的滚动条更漂亮,但有时会让我的用户感到困惑.对此问题的一般回应是使用::-webkit-scrollbar:

如何防止WebKit/Blink中的OS X触控板用户隐藏滚动条?

CSS - 溢出:滚动; - 始终显示垂直滚动条?

http://blog.0100.tv/2012/11/webkit-scrollbars-on-os-x/

这些解决方案的问题在于它们也会影响Windows上的Chrome用户,并且我希望让Windows上的Chrome用户具有与他们习惯相同的滚动体验.

有没有办法阻止滚动条隐藏在OS X而不改变任何滚动条样式,或者添加一些东西到我的CSS,这只会影响Mac用户?

谢谢!

css

7
推荐指数
1
解决办法
780
查看次数

将多列 div 包裹在图像周围

这个问题几乎与如何添加浮动图像而不使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 /

html css multiple-columns

5
推荐指数
1
解决办法
3097
查看次数

转换PHP数组

我有一个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)

php arrays

2
推荐指数
1
解决办法
2768
查看次数