Add/Subtract Click Функция

Question

Может ли кто-нибудь изменить этот код на [Добавить, щелкнув левой кнопкой мыши по номеру] и [Вычесть, щелкнув правой кнопкой мыши номер]?

Это избавит вас от кнопок + и -.

Я не могу понять, как это сделать.

DEMO

HTML

<input id="txtNumber" type=text" value="55" style="width:30px" /> 
<input id="btnAdd" type="button" value="+" onclick="add();" /> 
<input id="btnSubtract" type="button" value="-" onclick="subtract();" /> 

Javascript

function add() 
{ 
    var txtNumber = document.getElementById("txtNumber"); 
    var newNumber = parseInt(txtNumber.value) + 1; 
    txtNumber.value = newNumber; 
} 

function subtract() 
{ 
    var txtNumber = document.getElementById("txtNumber"); 
    var newNumber = parseInt(txtNumber.value) - 1; 
    txtNumber.value = newNumber; 
} 

Answer 1

Это хороший способ сделать это:

http://jsbin.com/irIwUNi/2/edit

HTML

<input id="txtNumber" type=text" value="55" 
    style="width:30px" onclick="javascript:add()" 
    oncontextmenu="javascript:subtract(event)" /> 

Javascript

function add() 
{ 
    var txtNumber = document.getElementById("txtNumber"); 
    var newNumber = parseInt(txtNumber.value) + 1; 
    txtNumber.value = newNumber; 
} 

function subtract(e) 
{ 
    e.preventDefault(); 
    var txtNumber = document.getElementById("txtNumber"); 
    var newNumber = parseInt(txtNumber.value) - 1; 
    txtNumber.value = newNumber; 
    return false; 
} 

Если вы просто установите add() для запуска по щелчку и subtract() работать на правой кнопкой мыши (когда контекстное меню придет), вы можете захватить нужные типы кликов. Затем просто перейдите в event в subtract() и остановите его от выполнения того, что он обычно будет делать, то есть поднимите контекстное меню.