Курсор
Курсо́р (англ. cursor — указатель, стрелка прибора) — экранная пометка, показывающая:
- место на экране, где появится следующий символ (текстовый курсор или англ. caret/ˈkærət/ )
- текущая позиция, к которой будет применяться действие мыши или её аналогов, включая дигитайзер (графический планшет), и других манипуляторов — джойстика и т. п. (указатель, англ. pointer/ˈpɔɪntə(r)/ )
Содержание
Текстовый курсор
Текстовый курсор применяется в интерфейсе командной строки и/или областях редактирования текста, показывая место, куда будет вставлен следующий символ (например, символ, набранный с клавиатуры), или место текста, в котором происходит редактирование в настоящий момент. На самом деле называется кареткой.
В большинстве командных оболочек для перемещения курсора по экрану (или тексту), применяются клавиши управления курсором — клавиши со стрелками в четырёх направлениях, а также клавиши Home и End для перемещения в логические начало и конец (строки), PageUp и PageDown для перемещения на логическую страницу вверх (назад) и вниз (вперед) и др. Однако, в отдельных программах, например, редакторе vi, перемещение курсора производится клавишами, отличными от курсорных.
Кроме перемещения текстового курсора, курсорные клавиши также часто используются для переключения между элементами, перемещения всевозможных выделений и подсветок (выделение участка текста цветом фона или его обрамление). Из-за этого подсветки иногда называют курсорами или псевдокурсорами.
Внешний вид курсора может зависеть от режима работы (текстовый или графический), применяемой программы и текущих режимов редактирования.
Текстовый режим
В текстовом режиме (или его эмуляции) курсор имеет вид горизонтальной чёрточки под знакоместом, или прямоугольника покрывающего все знакоместо (инвертирующего отображение символа или закрывающего его). Для удобства, курсор обычно выделяется мерцанием, яркостью или цветом.
Видом курсора программа может обозначать режим редактирования, так в текстовых редакторах i386 подстрочный курсор, как правило, означает режим вставки, а курсор на всё знакоместо — режим замены.
Текстовый курсор часто реализуется аппаратной схемой видеоадаптера, иногда в этом случае курсор отображается принудительно, и для того чтобы убрать его с экрана, ему присваивают позицию за пределами экрана.
Программы также могут создавать курсор самостоятельно (программно), атрибутами знакоместа — цветом символа и фона (например, инверсией — обменом их значениями), подчёркиванием и т. п.
Графический режим
В графическом режиме, за исключением случаев эмуляции текстового режима, из-за применения пропорциональных шрифтов (то есть, шрифтов с разной шириной символов) курсор отображается вертикальной чёрточкой (или символом вставки) между буквами. Как правило он мигает для удобства его нахождения (зрительный анализатор человека находит подвижные объекты быстрее), но может и не мигать.
Указатель
Указатель (иногда, в частном случае — курсор мыши) — (обычно отображается в виде стрелки) перемещается по экрану, повторяя движения мыши или другого указательного манипулятора (например джойстика или пера графического планшета). Нажатие кнопок и другие действия мыши применяются к текущему положению указателя. Например:
- нажатие кнопки мыши в активной зоне экрана (например, на нарисованной кнопке или ссылке веб-страницы) приводит к выполнению закреплённой за ней функции;
- нажатие кнопки в поле редактирования текста (например в текстовом редакторе), как правило, приводит к установке текстового курсора в позицию, наиболее близкую к положению указателя;
- нажатие на элементе списка приводит к его выбору;
- и т. п.
Внешний вид указателя обычно меняется в зависимости от:
- объекта, над которым он отображается, от состояния этого объекта;
- текущего режима работы (например, в графическом редакторе);
- выполняемой в данный момент операции (при «перетаскивании» объекта мышкой он или его условное обозначение рисуется вместе с курсором);
- и т. п.
В текстовом режиме курсор мыши, как правило, отображается изменёнными атрибутами знакоместа (например сменой цветов фона и символа на дополнительные). Некоторые программы способны отображать графический курсор в текстовом режиме динамическим изменением фонта в видеоадаптере.
Задание формы курсора при навигации по HTML-документу посредством CSS
Форму курсора при навигации по HTML-документу можно задать посредством свойства cursor каскадных таблиц стилей CSS.
Синтаксис применения этого свойства: [1]
cursor: [url(‘путь к курсору’),] | [ auto | crosshair | default | e-resize | help | move | n-resize | ne-resize | nw-resize | pointer | progress | s-resize | se-resize | sw-resize | text | w-resize | wait | inherit ]
Что такое курсор – его виды и назначение
Слово курсор имеет много значений в зависимости от того, в какой области применяется. Объединяет эти области то, что все они связаны с компьютерными технологиями. Так или иначе, это слово используется для обозначения вещей, связанных с компьютерной атрибутикой или программированием.
Что такое курсор?
Курсор (cursor) – это элемент пользовательского интерфейса, используемый во всех операционных системах (ОС), в которых есть средства пользовательского взаимодействия. Он может оказывать влияние на области интерфейса, с которым будет происходить взаимодействие при помощи периферийных устройств. Условно подобный элемент управления можно разделить на несколько видов:
- текстовый значок для работы в текстовом поле, обозначающий место, где вводится текст;
- значок мыши или других периферийных средств;
- значок меню.
Помимо указания на объект, маркер также может показывать текущее его состояние, например, возможность или невозможность взаимодействия. Курсор был включен в человеко-машинный интерфейс в 1968 году, когда работа с ним впервые была продемонстрирована совместно с гипертекстом.
Текстовый курсор
Как уже было сказано, один из видов маркера – это текстовый, который указывает на область поля, в котором будет вводиться напечатанный с клавиатуры символ. Он применяется только в режиме текста и там, где этот текст должен быть вставлен. Выглядит он как вертикальная черта, которую можно перемещать по тексту с помощью стрелок на клавиатуре.
Текстовый маркер применяется для работы с текстом: для его выделения, переноса и удаления. Его дизайн и особенности зависят от программы, в которой производится работа и текущих режимов, которых может быть два: текстовый и графический.
Текстовый режим
Указатель в режиме текста или его эмуляции выглядит, как моргающая горизонтально расположенная палочка, находящаяся под знакоместом. Многие путают его с нижним подчеркиванием. Чтобы было удобно, указатель моргает или выделяется другим цветом, жирностью.
Подобный тип часто реализуется с помощью аппаратных средств видеоадаптера. Разными видами курсора программа может отображать различные режимы редактирования: указатель, располагающийся под текстом, означает режим вставки, а на все место знака – замену.
Графический режим
Указатель в графическом режиме выглядит, как вертикальная полоска. Это обосновано тем, что в современных текстовых процессорах чаще всего применяется именно графический режим работы с текстом, шрифты в котором непропорциональны, то есть имеют разную ширину каждого символа. Для удобности использования он тоже может выделяться цветом и «моргать».
Указатель
Указатель, исходя из своего названия, указывает на какие-либо объекты. Чаще всего он выглядит как стрелка. Сохранилось это с момента его изобретения. Но он изменяется в зависимости от производимого действия, например рука при выборе объекта, часы или вращающийся круг в случае, когда компьютер занят. Он двигается по рабочей области интерфейса, отображаясь на мониторе и повторяет траекторию движения указывающего устройства (мыши, джойстика и др.). Нажатие кнопок мыши применяется к области, в которой находится указатель, и вызывает:
- функции клика, закрепленные за этим объектом;
- выбор объекта;
- появление курсора типа текст на месте указателя, если клик происходит в тексторедактируемой области.
Внешняя форма указателя мыши зависит от:
- видов и типов объектов;
- текущих их состояний;
- режимов работы;
- производимых действий.
Можно установить свою картинку и анимацию, скачав ее отдельно или паком для замены всех иконок одновременно. Скачиваются они в формате ani, cur или png.
Программы для смены курсора
Существуют и специализированные программы для смены курсора. Они созданы для того, чтобы заменить стандартную форму указателя курсора на пользовательскую. Самой популярной из них является CursorFX Free. К тому же она является бесплатной.
CursorFX Free – это бесплатная программа, которая без лишних хлопот сможет установить пользовательскую иконку курсора вместо стандартной. В ее функционал входит не только замена, но и настройка эффектов и свойств указателю, а также придание ему новых маршрутов движения.
Стандартно заменить иконку можно следующим образом:
- необходимо зайти в меню пуск и найти пункт «Мышь»;
- перейти в закладку «Указатели»;
- выбрать необходимый указатель и нажать «Обзор»;
- выбрать иконку необходимого формата.
Курсор в CSS
Изменить иконку указателя можно и в html гипертекстовом документе в браузере. Это не основная функция таблиц стилей CSS, но одна из самых приятных. Для того чтобы изменить иконку, нужно в файле с таблицами стилей прописать строку:
Варианты иконок и их отображение зависят от типа браузера и его версии.
Курсор в SQL
Еще значение слова курсор приходит из баз данных и языка структурированных запросов SQL. В базах данных курсор – файл (поименованная область данных), который содержит в себе набор из запроса типа SELECT. В языке существуют два вида курсора: явный и неявный. Явный может быть объявлен программистом, а неявный вообще не требует объявления.
Такой объект может возвращать одну, две или множество строк запроса, а может и не одной. Для того чтобы создать повторный результирующий набор для иных значений параметров, указатель закрывают и открывают повторно.
Курсоры на компьютере: какие бывают, как менять, что нужно знать
Если вы работаете за компьютером с мышкой и клавиатурой, у вас на экране есть курсор или указатель мыши. Обычно он выглядит как белая или чёрная стрелка. У операционной системы есть несколько видов указателей, которые она меняет по ситуации. А ещё есть способы поменять его принудительно, если у вас стоит такая задача. Сейчас всё это разберём.
Обычный указатель
Основной указатель — это стрелка. Он используется во всех случаях, кроме специально определённых. Но стрелка не так проста, как кажется.
Размер стрелки можно изменить в операционной системе, чтобы курсор было лучше видно на большом экране или для людей с проблемами со зрением.
В Mac OS можно дополнительно включить в настройке временное увеличение курсора, чтобы найти его на экране. Нужно хаотично поёрзать курсором, и он на секунду становится гигантским.
Внешний вид стрелки тоже можно изменить — например заменить на какую-то милую вашему сердцу картинку. Но делать так категорически не рекомендуется, потому что это баловство на 10 минут, а дальше будет неудобно.
Модальности. В вебе к указателю можно добавить такие модальности, которые подсказывают, что с ним сейчас происходит. Для этого используется CSS:
.something<cursor: alias> — «сейчас я буду создавать ярлык»
.something<cursor: progress> — «я чем-то занят, но ты пока можешь позаниматься своими делами тоже»
.something<cursor: context-menu> — «нажатие на меня вызовет контекстное меню»
Это может быть полезно, если вы проектируете веб-приложение, которое должно вести себя как десктопное: поддерживать действия мышью и работу с файлами. Если напрограммировать эти изменения курсора, у вас получится приложение, неотличимое от десктопного.
Обычный указатель мыши в Windows 
А это курсоры одного из дистрибутива в Linux
Текстовый курсор
Если под указателем есть текст или поле ввода, то он из стрелки превращается в вертикальную линию. Это значит, что если мы кликнем в этом месте, то здесь можно будет ввести текст или выделить его, чтобы потом скопировать или вырезать.
Это работает довольно хорошо по всей системе: например, если вы сделаете веб-страницу, а в ней поставите блок со свойством contenteditable , то над ним автоматически появится текстовый курсор — это подскажет пользователю, что здесь можно ввести текст. Несмотря на то что <div> сам по себе не поддерживает ввод текста, когда мы сказали contenteditable , он стал поддерживать, а система среагировала адекватно. Вот пример такого кода:
<div contenteditable >Введите здесь свой текст</div>
Если вы нагородили нестандартное поле ввода, которое операционная система не определяет как поле ввода, то можно заставить её всё равно вывести нужный вам курсор, используя CSS. Вот два способа:
.something
<div style=»cursor: text»>Введите здесь свой текст</div>
Если вы повернули текстовое поле на 90º и хотите, чтобы пользователь вписал текст по вертикали, для вас придуман перевёрнутый текстовый курсор:
Курсор для работы с текстом
Рука с пальцем и без
Указатель в виде руки с пальцем — это почти всегда признак того, что под курсором находится кликабельная ссылка. Если на неё нажать, откроется новая вкладка в браузере или новый текст во всплывающем окне.
Обычно браузеры правильно показывают руку. Но если вам нужно сделать так, чтобы что-то, не являющееся ссылкой, выглядело как ссылка, для вас специальный стиль:
У руки есть вариант, где раскрыты все пальцы — это сигнал, что объект под указателем можно схватить и переместить. Обычно такую обратную связь нужно давать пользователю в веб-интерфейсах, где не очевидно, что этот объект можно куда-то перетянуть. Вот стили, которые за это отвечают:
cursor: grab — «готов схватить»
cursor: grabbing — «схватил и тащу»
cursor: no-drop — «сюда перетащить нельзя»
Курсоры над ссылкой 
Курсор, который готов что-то куда-то тащить
Ожидание
Задача этого курсора — показать пользователю, что система занята и пока не может реагировать на его действия. Это может относиться как к отдельной программе (она зависла, а всё остальное работает), так и ко всей системе в целом.
А ещё это единственный анимированный курсор в стандартном наборе. Смысл анимации в том, чтобы показать, что компьютер не завис окончательно, а просто чем-то очень занят.
Если вам нужно показать то же самое на веб-странице (например, показать, что запрос отправлен на сервер и мы ждём ответ), то используйте такие стили:
cursor: wait — система занята;
cursor: progress — система занята, но вы можете заниматься своими делами.
Запрет действия
Бывают ситуации, когда в интерфейсе элемент есть, а пользоваться им нельзя. Например, на странице может быть заблокированная кнопка или неактивное поле ввода. Чтобы сообщить пользователю, что можно даже не нажимать, всё равно ничего не произойдёт — используют курсор с запретом действия.
В веб-интерфейсе показать запрет может быть полезно, например, если вы не заполнили какую-то часть формы, а без нужной информации её нельзя отправить. Тогда обычно кнопку красят в чёрный, а над ней дополнительно выводят указатель с запретом:
Курсоры для работы с таблицами и другими прямоугольниками
Чтобы помочь воинам «Экселя», разработали целую гору курсоров, которые рассказывают пользователю, что сейчас будут что-то делать с его ячейками и строками. В частности:
cursor: col-resize — можно изменять ширину столбцы;
cursor: row-resize — можно изменять высоту строки;
cursor: cell — под указателем находится ячейка данных, можно в неё зайти и что-то сделать.
Также есть батарей указателей-стрелок, которые говорят, что текущий объект можно изменить в размерах в заданном направлении. Направления указываются как стороны света — север, юг, запад, восток, то есть n, s, e, w; а также комбинации типа nw, ew, ne, ns и т. д. Примеры:
cursor: n-resize — эту штуку можно увеличить вверх ↑ (то есть на север);
cursor: ns-resize — эту штуку можно увеличить вверх и вниз (то есть и на север, и на юг);
cursor: nwse-resize — эту штуку можно ресайзить по диагонали «слева сверху — справа снизу» ⤡
и далее во всех комбинациях
Курсоры для дизайнеров
Есть даже пара указателей, которые чаще всего используются в графических программах:
cursor: crosshair — крестик для точного выделения пикселей;
cursor: zoom-in — зазумиться, увеличить картинку;
cursor: zoom-out — уменьшить картинку.
Техника безопасности
Не меняйте курсоры просто так для красоты: ни в операционной системе, ни особенно в вебе. В нулевых было поветрие, что веб-мастера заменяли указатели на сайте на какие-то свои картинки. Хорошо, что это время прошло.
Менять курсоры нужно только в том случае, если поведение системы расходится с ожиданиями пользователя. Например, вы хотите подсказать, что кусочек вашего веб-интерфейса можно растянуть, а браузер об этом ничего не знает. Тогда нужно накрутить курсор с соответствующими стрелками.
Если вам просто скучно и хочется сделать на сайте что-то эдакое — лучше запустите там снег.
что такое курсор
Курсор (англ. cursor — указатель, стрелка прибора) — экранная пометка, показывающая:
место на экране, где появится следующий символ (текстовый курсор или англ. caret /ˈkærət/)
текущая позиция, к которой будет применяться действие мыши или её аналогов, включая дигитайзер (графический планшет) , и других манипуляторов — джойстика и т. п. (указатель, англ. pointer /ˈpɔɪntə(r)/)
Указатель (иногда, в частном случае — курсор мыши) — (обычно отображается в виде стрелки) перемещается по экрану, повторяя движения мыши или другого указательного манипулятора (например джойстика или пера графического планшета) . Нажатие кнопок и другие действия мыши применяются к текущему положению указателя. Например:
нажатие кнопки мыши в активной зоне экрана (например, на нарисованной кнопке или ссылке веб-страницы) приводит к выполнению закреплённой за ней функции;
нажатие кнопки в поле редактирования текста (например в текстовом редакторе) , как правило, приводит к установке текстового курсора в позицию, наиболее близкую к положению указателя;
нажатие на элементе списка приводит к его выбору;
и т. п.
Внешний вид указателя обычно меняется в зависимости от:
объекта, над которым он отображается, от состояния этого объекта;
текущего режима работы (например, в графическом редакторе) ;
выполняемой в данный момент операции (при «перетаскивании» объекта мышкой он или его условное обозначение рисуется вместе с курсором) ;
и т. п.
В текстовом режиме курсор мыши, как правило, отображается изменёнными атрибутами знакоместа (например сменой цветов фона и символа на дополнительные) . Некоторые программы способны отображать графический курсор в текстовом режиме динамическим изменением фонта в видеоадаптере.